Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #24666

    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 :)

    #124298

    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.

    #739988

    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

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Galery pictures load effect’ is closed to new replies.