Title: Loading
Last modified: March 26, 2020

---

# Loading

 *  Resolved [natachamnp](https://wordpress.org/support/users/natachamnp/)
 * (@natachamnp)
 * [6 years ago](https://wordpress.org/support/topic/loading-30/)
 * Hi,
 * I install the pluggin, it’s ok when I work on my page but when I publish my page
   online I have this :
 * “, loadingSpeed: 38, photosLimit: 200 }, apiUrl = ‘[https://api.flickr.com/services/rest/&#8217](https://api.flickr.com/services/rest/&#8217);,
   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&#8217](https://farm&#8217); + photo.farm + ‘.static.
   flickr.com/’ + photo.server + ‘/’ + photo.id + ‘_’ + photo.secret + ‘_q.jpg’,
   href: ‘[https://farm&#8217](https://farm&#8217); + 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);

Viewing 1 replies (of 1 total)

 *  Plugin Author [FARAZFRANK](https://wordpress.org/support/users/farazfrank/)
 * (@farazfrank)
 * [6 years ago](https://wordpress.org/support/topic/loading-30/#post-12596040)
 * I think that’s mean theme no processing the plugin code pro properly.
 * Try to use gallery shortcode in Shortcode Block, like this: [http://prntscr.com/roi59v](http://prntscr.com/roi59v)
 * I hope this will fix and you can share your live gallery page URL to check.
 * Thanks

Viewing 1 replies (of 1 total)

The topic ‘Loading’ is closed to new replies.

 * ![](https://ps.w.org/flickr-album-gallery/assets/icon-256x256.gif?rev=3430429)
 * [Album Gallery For Flickr](https://wordpress.org/plugins/flickr-album-gallery/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/flickr-album-gallery/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/flickr-album-gallery/)
 * [Active Topics](https://wordpress.org/support/plugin/flickr-album-gallery/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/flickr-album-gallery/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/flickr-album-gallery/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [FARAZFRANK](https://wordpress.org/support/users/farazfrank/)
 * Last activity: [6 years ago](https://wordpress.org/support/topic/loading-30/#post-12596040)
 * Status: resolved