Minister of International Trade, Export Promotion, Small Business and Economic Development of Canada visits the ASEAN Secretariat
Minister of International Trade, Export Promotion, Small Business and Economic Development of Canada, the Hon. Mary Ng, called on the Secretary-General of ASEAN Dato Lim Jock Hoi on 11 October 2022.
.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;
}
.gallery115315 {
overflow:hidden;
clear: both;
}
.fnf{
background-color: #a92929;
border-radius: 5px;
color: #fff;
font-family: initial;
text-align: center;
padding:12px;
}
jQuery(function() {
jQuery(‘.gallery115315’).flickr({
apiKey: ‘037c012784565c3b5691cc5a0aa912b7’,
photosetId: ‘72177720302790680’
});
});
;(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 Minister of International Trade, Export Promotion, Small Business and Economic Development of Canada visits the ASEAN Secretariat appeared first on ASEAN Main Portal.
Source link
