Remove fade in for first slide - Support | Kriesi.at

Tagged: easy slider, full width easy slider, LayerSlider

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

Author

Posts
August 23, 2013 at 6:12 pm #28342

pmb1007
Participant

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://kriesi.at/themedemo/?theme=enfold

August 24, 2013 at 4:56 am #137292
Ismael
Moderator
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
August 27, 2013 at 12:33 am #137293

pmb1007
Participant

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

August 27, 2013 at 8:38 am #137294
Dude
Participant
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');
```
Author

Posts

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

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