Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 6, 2013 at 11:22 am #24400
    artistic24459

    Is there a way to turn of the gallery fade for the loading of each image. I find it a bit hard on the eyes.

    http://kriesi.at/themedemo/?theme=enfold

    Gallery with preview is the effect Im talking about. When you hover over each image you get the main preview fading from image to white to image. Is it possible to speed up the fade or stop it altogether?

    June 6, 2013 at 11:23 am #123392
    artistic24459

    Opps forgot to ask can you have it fade to another colour?

    June 7, 2013 at 7:04 am #123393
    Dude

    Open up enfold/js/shortcode.js and search for this 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');

    The gallery thumbs should then load immediately. A fade effect to another color is not possible.

    June 7, 2013 at 10:08 am #123394
    artistic24459

    Can I speed up the animation?

    Thanks for the help :-)

    June 8, 2013 at 10:00 am #123395
    Dude

    Hey!

    Yes replace 110 in the code above with a lower (eg 10 or 1).

    Best regards,

    Peter

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Gallery Fade’ is closed to new replies.