Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #28342

    Hello there,

    Enfold is awesome, however:

    How do I remove the fade in (delay) for the first image of layerslider and easy slider? I want to remove the fade in animation and have the image show as quickly as possible.

    Even the background loads in after the page has been visibile: http://www.kriesi.at/themedemo/?theme=enfold

    #137292

    Hey,

    This is for the Easy Slider:

    Edit js > shortcodes.js, find this code:

    //show the first slide
    this.$slides.eq(0).css({visibility:'visible', opacity:0}).avia_animate({opacity:1}, function()

    Replace it with:

    //show the first slide
    this.$slides.eq(0).css({visibility:'visible', opacity:1}).avia_animate({opacity:1}, function()

    Remove browser cache then reload the page a few times to see the effect.

    Regards,

    Ismael

    #137293

    Do you happen to know the fix for the “Full Width Easy Slider”?

    I need to remove the fade.

    I really appreciate the help.

    Thank you,

    peter

    #137294

    Actually Ismaels code will affect the Fullwidth easy slider. In enfold/js/shortcode.js replace

    //show the first slide
    this.$slides.eq(0).css({visibility:'visible', opacity:0}).avia_animate({opacity:1}, function()
    {
    $(this).addClass('active-slide');
    });

    with

    this.$slides.eq(0).css({visibility:'visible', opacity:1}).addClass('active-slide');

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

The topic ‘Remove fade in for first slide’ is closed to new replies.