• Home
  • Documentations
    • Phlox WordPress Theme
    • Phlox Pro WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress Pro
    • Master Slider WordPress Free
    • LOTUS WordPress Theme
  • Video Tutorials
    • Phlox ? Video Tutorials
    • Master Slider WP Pro
    • Master Slider WP Free
    • Master Slider jQuery
    • Lotus ? Video Tutorials
  • FAQ
    • General Questions
    • LOTUS WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress
    • CUTE Slider
  • Knowledge base
    • Beginners
    • Advanced Techniques
    • WordPress plugins
  • Support Forum
    • Login Or Register
    • Support Forum
    • Support Policy
Averta Support Center
  • Home
  • Documentations
    • Phlox WordPress Theme
    • Phlox Pro WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress Pro
    • Master Slider WordPress Free
    • LOTUS WordPress Theme
  • Video Tutorials
    • Phlox ? Video Tutorials
    • Master Slider WP Pro
    • Master Slider WP Free
    • Master Slider jQuery
    • Lotus ? Video Tutorials
  • FAQ
    • General Questions
    • LOTUS WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress
    • CUTE Slider
  • Knowledge base
    • Beginners
    • Advanced Techniques
    • WordPress plugins
  • Support Forum
    • Login Or Register
    • Support Forum
    • Support Policy

Looking for the answer

  • Home
  • Adding and Customizing the Background with Phlox Background Settings
  • Defining Progressive Layer Animation

Defining Progressive Layer Animation


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.

Slider option

You can change layer animation type globally in the slider by layerAnimations option. To enable the progressive type, set layerAnimations: 'progressive'.

Layer animation type option

If you need to enable this animation type only for a layer, you can change the animation type of a layer by data-animation-type attribute. For example:?data-animation-type="progressive"

Animation progress factor

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 layerAnimationProgressFactor slider option. The default value is 0.5 which means animations get complete when half of the slide appears in the slider view.

Was this information helpful?

Submit
Wizard Home
Related articles list
Create New Support Ticket
Copyright © 2017 Averta. All rights reserved.