Plugin Usage

1- HEADER

2- HTML

3- Javascript

Plugin Options

Custom Global Options

  • Description
  • Example
easeIn : custom easing for animating IN sliders (default: linear)
easeOut : custom easing for animating OUT sliders (default: linear)
delay : delay timing of how long the slide should stay in milliseconds (default: 5000)
next : selector/jQuery object of element to be set as "NEXT" controller (When clicked next slide appear)
previous : selector/jQuery object of element to be set as "PREVIOUS" controller (When clicked previous slide appear)
list : selector/jQuery object of UL element to be set as a controller of the slides flow (Must has the same number of <li> as slides)

Per slide options

  • Description
  • Example

You can add custom animation for any element inside your slides. For sliding in you need to add these options to the data attribute data-in and for sliding out add these options to the data attribute data-out, both attributes can have same options.

top : start animaton at this top point (from up to down animation this value must be negative)
left : start animation at this left point (from left to right this value must be negative)
opacity : start animation at this opacity point (0 - .9)
duration : how long animation should last (in milliseconds)
delay : time should pass before animation starts (in milliseconds)
ease : default easing for this element