{"title":"Defining Progressive Layer Animation","id":51969,"link":"https:\/\/env.averta.net\/en\/step\/defining-progressive-layer-animation\/","parent":[51827],"content":"<p>The progressive animation prevents layer animations to play automatically while the user moves between slides. You can enable this animation type for both overlay layers and slide layers.<\/p>\n<h2>Slider option<\/h2>\n<p>You can change layer animation type globally in the slider by <code>layerAnimations<\/code> option. To enable the progressive type, set <code>layerAnimations: 'progressive'<\/code>.<\/p>\n<h2>Layer animation type option<\/h2>\n<p>If you need to enable this animation type only for a layer, you can change the animation type of a layer by <code>data-animation-type<\/code> attribute. For example:?<code>data-animation-type=\"progressive\"<\/code><\/p>\n<h2>Animation progress factor<\/h2>\n<p>This option lets you set the length of time that the slide comes in or leaves the slider view to progressive layers reach to the end of their animation. You can customize this factor by <code>layerAnimationProgressFactor<\/code> slider option. The default value is <code>0.5<\/code> which means animations get complete when half of the slide appears in the slider view.<\/p>\n","type":"solution"}