Tagged: , , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 11, 2013 at 9:44 pm #24666
    yasto

    I created a gallery with image size “gallery” (710×575). Pictures are dark until you scroll down to the bottom of the gallery. Is there a possibilty to load (and show) gallery pictures when scrolling to the top of the gallery? Here is what I mean:

    http://yannick-stotz.de/mariasawaneh/?page_id=38

    Thanks :)

    June 13, 2013 at 5:43 am #124298
    Dude

    Hi,

    Open up enfold/js/shortcode.js and search for following code around line 205:


    
//trigger displaying of thumbnails
    
gallery.on('avia_start_animation', function()
    
{
    
images.each(function(i)
    
{
    
var image = $(this);
    
setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
    
});
    
});

    change it to:


    
//trigger displaying of thumbnails
    
gallery.on('avia_start_animation', function()
    
{
    
images.each(function(i)
    
{
    
var image = $(this);
    
setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
    
});
    
}).trigger('avia_start_animation');

    and the gallery thumbs should load immediately.

    January 29, 2017 at 6:23 pm #739988
    Basilis

    Hey!

    Here also a solution, without modify core

    // Add this to an enqueued JS file in your child theme
(function($){
var gallery = $(‘.avia-gallery’).avia_sc_gallery();
gallery.trigger(‘avia_start_animation’);
})(jQuery);

    Regards,
    Basilis

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Galery pictures load effect’ is closed to new replies.