Disable layer animations

⚠️ This article was created for developers!

To be able to follow the steps, you're required to have coding knowledge. If you're not a developer and can't achieve what you're looking for, consider hiring a developer.

Make sure to carefully follow the tutorial and write correct code. We're unable to provide help with custom coding, or the possible issues that are happening because of them.

To disable layer animations in your slider, you need to use this code:

this.disabled.layerAnimations = true;

what you can insert into the Slider settings → Developer → JavaScript callbacks of your slider. This code could help, if for example you want to support older browsers too, what we don't support and then you could create an "if" condition whether or not your layer animations should be turned off:

function browser_name(){
    /* your function to check if the given browser is used */
}

function browser_version(){
   /* your code to check what is the version number of the given browser */
}

if( browser_name() == 'Stone age browser' && browser_version() < 7 ){
   this.disabled.layerAnimations = true;
}

Other possible effects you can disable

There's a couple of other animations you can disable with JavaScript.

1
Disable the Text animation
this.disabled.layerSplitTextAnimations = true;
2
Disable the slide background animation
this.disabled.backgroundAnimations = true;
3
Disable the Ken Burns effect
this.disabled.postBackgroundAnimations = true;

Disable all effects

You can also disable all effects together:
this.disabled = {
    layerAnimations: true,
    layerSplitTextAnimations: true,
    backgroundAnimations: true,
    postBackgroundAnimations: true
};
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.