This guide is related to the Slider Manager Magento Extension.
- Slider Size
- Caption syntax
- Caption Animation Type
- Caption Animation Easing
- How to add video to the Amanda caption
- How to change Amanda caption text style
- How to change "Cubic" transition type background
Slider Size
Basic size of the slider in the desktop resolution in pixel, other screen sizes will be calculated from this.
Caption syntax
data-x="Position-X" data-y="Position-Y"
data-speed="Animation_Speed" data-start="Start_After_ms" data-easing="Easing"
data-endspeed="Leave_Animation_Speed" data-end="Leave_Start_After_ms"
data-endeasing="Leave_Easing">Your_caption text</div>
Slider caption code example
"Top 5" caption code example of the "Top 5 Holiday Picks" slide from our demo.
Caption Animation Type (Incoming_Animation, Outgoing_Animation)
<div class="caption Incoming_Animation Outgoing_Animation Your_class" data-x="Position-X" data-y="Position-Y" data-speed="Animation_Speed" data-easing="Easing">Your_caption text</div>
10 caption animation types - Demo
Available options:
- Name: value
- Random rotate: randomrotate
- Fade In: fade
- Long from left: lfl
- Long from right: lfr
- Long from bottom: lfb
- Long from top: lft
- Short from left: sfl
- Short from right: sfr
- Short from bottom: sfb
- Short from top: sft
Caption Animation Easing
<div class="caption Incoming_Animation Outgoing_Animation Your_class" data-x="Position-X" data-y="Position-Y" data-speed="Animation_Speed" data-easing="Easing" data-endeasing="Leave_Easing">Your_caption text</div>
Special easing effects of the animation - Demo
Available options:
- Name: value
- In Quad: easeInQuad
- In Quint: easeInQuint
- In Sine: easeInSine
- In Expo: easeInExpo
- In Circ: easeInCirc
- In Elastic: easeInElastic
- In Back: easeInBack
- In Bounce: easeInBounce
- Out Back: easeOutBack
- Out Quart: easeOutQuart
- Out Quint: easeOutQuint
- Out Sine: easeOutSine
- Out Expo: easeOutExpo
- Out Circ: easeOutCirc
- Out Elastic: easeOutElastic
- Out Bounce: easeOutBounce
- In Out Quart: easeInOutQuart
- In Out Quint: easeInOutQuint
- In Out Sine: easeInOutSine
- In Out Expo: easeInOutExpo
- In Out Circ: easeInOutCirc
- In Out Elastic: easeInOutElastic
- In Out Back: easeInOutBack
- In Out Bounce: easeInOutBounce
This is a step-by-step guide on how to specify Slider Revolution Responsive jQuery Plugin settings.
Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.
Magento Slider extension is responsive, size flexible or fluid, it will adapt it’s width and height based on the parent container, this basically mean that it can be used in any kind of Magento website.
It’s device friendly by supporting responsive mode, multiple layouts, touch gestures on mobile devices, and uses techniques like lazy load.
Share on Facebook
Share on Google
Twitter