Earlier today at the ASEAN Secretariat, Secretary-General of ASEAN Dr Kao Kim Hourn met with the Cambodia Southeast Asian (SEA) Games Organizing Committee (CAMSOC) delegation led by the Deputy Head of CAMSOC and Senior Advisor to the National Olympic Committee of Cambodia Dr Seng Bunsong. The delegation is in Jakarta to carry out the SEA Games and ASEAN Para Games Torch Relay in Indonesia.
.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;
}
.gallery127846 {
overflow:hidden;
clear: both;
}
.fnf{
background-color: #a92929;
border-radius: 5px;
color: #fff;
font-family: initial;
text-align: center;
padding:12px;
}
jQuery(function() {
jQuery(‘.gallery127846’).flickr({
apiKey: ‘037c012784565c3b5691cc5a0aa912b7’,
photosetId: ‘72177720307180012’
});
});
;(function ($, window, document, undefined) {
‘use strict’;
var pluginName = “flickr”,
defaults = {
apiKey: “”,
photosetId: “”,
errorText: “![]()
‘, { ‘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
});
});
Error generating gallery.
“,
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 = $(‘The post Secretary-General of ASEAN meets with Cambodia SEA Games Organizing Committee delegation appeared first on ASEAN Main Portal.
Discussion about this post