H.E. Dr. Kao Kim Hourn, Secretary-General of ASEAN, welcomed H.E. Michelle Chan, Australia’s Deputy Secretary for Southeast Asia and Global Partners Group and SOM Leader for ASEAN, East Asia Summit, and ASEAN Regional Forum, at the ASEAN Secretariat today.
.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;
}
.gallery121514 {
overflow:hidden;
clear: both;
}
.fnf{
background-color: #a92929;
border-radius: 5px;
color: #fff;
font-family: initial;
text-align: center;
padding:12px;
}
jQuery(function() {
jQuery(‘.gallery121514’).flickr({
apiKey: ‘037c012784565c3b5691cc5a0aa912b7’,
photosetId: ‘72177720305340564’
});
});
;(function ($, window, document, undefined) {
‘use strict’;
var pluginName = “flickr”,
defaults = {
apiKey: “”,
photosetId: “”,
errorText: “
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 = $(‘‘, { ‘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);
The post Secretary-General of ASEAN welcomes Australia’s SOM Leader for ASEAN, East Asia Summit, and ASEAN Regional Forum appeared first on ASEAN Main Portal.
Source link
Discussion about this post