The Launch of ASEAN-EU Joint Photo Exhibition

.flickr-img-responsive { width:100% !important; height:auto !important; display:block !important; } .LoadingImg img { max-width: 45px; max-height: 45px; box-shadow: none; } .wpfrank-flickr-div{ padding:15px; } @media (max-width: 786px){ .col-md-3 { width:49.9%; float:left; } } .play-pause { display: none !important; } .gallery110295 { overflow:hidden; clear: both; } .fnf{ background-color: #a92929; border-radius: 5px; color: #fff; font-family: initial; text-align: center; padding:12px; } jQuery(function() { jQuery(‘.gallery110295’).flickr({ apiKey: ‘037c012784565c3b5691cc5a0aa912b7’, photosetId: ‘72177720300880761’ }); }); ;(function ($, window, document, undefined) { ‘use strict’; var pluginName = “flickr”, defaults = { apiKey: “”, photosetId: “”, errorText: ““, loadingSpeed: 38, photosLimit: 200 }, apiUrl=”https://api.flickr.com/services/rest/”, photos = []; // The actual plugin constructor function Plugin(element, options) { this.element = $(element); this.settings = $.extend({}, defaults, options); this._defaults = defaults; this._name = pluginName; this._hideSpinner = function() { this.element.find(‘.spinner-wrapper’).hide().find(‘*’).hide(); }; this._printError = function() { //this.element.find(‘.gallery-container’).append($(““, { “class”: “col-lg-12 col-lg-offset-1” }) this.element.find(‘.gallery-container’).append($(““, { “class”: “col-lg-12” }) .append($(““, { “class”: “error-wrapper” }) .append($(““, { “class”: “label label-danger error” }) .html(this.settings.errorText)))); }; this._flickrAnimate = function() { this.element.find(‘.gallery-container img’).each($.proxy(function(index, el) { var image = el; setTimeout(function() { $(image).parent().fadeIn(); }, this.settings.loadingSpeed * index); }, this)); }; this._printGallery = function(photos) { var element = this.element.find(‘.gallery-container’); $.each(photos, function(key, photo) { var img = $(‘‘, { ‘class’: ‘thumb img-thumbnail flickr-img-responsive’, src: photo.thumbnail, ‘alt’: photo.title }); element.append($(‘‘, { ‘class’: ‘ col-md-3 col-sm-4 col-center wpfrank-flickr-div’ }) .append($(‘‘, { ‘class’: ”, href: photo.href, ‘data-gallery’: ”, ‘title’: photo.title }).hide() .append(img))); }); element.imagesLoaded() .done($.proxy(this._flickrAnimate, this)) .always($.proxy(this._hideSpinner, this)); }; this._flickrPhotoset = function(photoset) { var _this = this; photos[photoset.id] = []; $.each(photoset.photo, function(key, photo) { // Limit number of photos. if(key >= _this.settings.photosLimit) { return false; } photos[photoset.id][key] = { thumbnail: ‘https://farm’ + photo.farm + ‘.static.flickr.com/’ + photo.server + ‘/’ + photo.id + ‘_’ + photo.secret + ‘_q.jpg’, href: ‘https://farm’ + photo.farm + ‘.static.flickr.com/’ + photo.server + ‘/’ + photo.id + ‘_’ + photo.secret + ‘_b.jpg’, title: photo.title }; }); this._printGallery(photos[photoset.id]); }; this._onFlickrResponse = function(response) { if(response.stat === “ok”) { this._flickrPhotoset(response.photoset); } else { this._hideSpinner(); this._printError(); } }; this._flickrRequest = function(method, data) { var url = apiUrl + “?format=json&jsoncallback=?&method=” + method + “&api_key=” + this.settings.apiKey; $.each(data, function(key, value) { url += “&” + key + “=” + value; }); $.ajax({ dataType: “json”, url: url, context: this, success: this._onFlickrResponse }); }; this._flickrInit = function () { this._flickrRequest(‘flickr.photosets.getPhotos’, { photoset_id: this.settings.photosetId }); }; // Init this.init(); } Plugin.prototype = { init: function () { this._flickrInit(); } }; // Wrapper $.fn[pluginName] = function (options) { this.each(function () { if (!$.data(this, “plugin_” + pluginName)) { $.data(this, “plugin_” + pluginName, new Plugin(this, options)); } }); // Chain return this; }; })(jQuery, window, document); jQuery(function() { // Set blueimp gallery options jQuery.extend(blueimp.Gallery.prototype.options, { useBootstrapModal: false, hidePageScrollbars: false }); });