Fx-Transitions
DJ-ImageSlider offers a wide range of effects you can apply to the slides.
For your reference, below you will find a list of the effects along with the graph of how they work.
In DJ-ImageSlider you can find them in Customize Slider tab in Module settings.
![](/templates/yootheme/cache/b6/dj-imageslider_transition1-b64942cb.png)
Linear
Displays a linear transition
![](/templates/yootheme/cache/e0/Linear-e0c6039a.png)
Quad
Displays a quadratic transition. Must be used as Quad.easeIn, Quad.easeOut or Quad.easeInOut
![](/templates/yootheme/cache/9d/Quad-9d38588d.png)
Cubic
Displays a cubicular transition. Must be used as Cubic.easeIn, Cubic.easeOut or Cubic.easeInOut
![](/templates/yootheme/cache/4e/Cubic-4ed3d6e4.png)
Quart
Displays a quartetic transition. Must be used as Quart.easeIn, Quart.easeOut or Quart.easeInOut
![](/templates/yootheme/cache/52/Quart-52a7af6a.png)
Quint
Displays a quintic transition. Must be used as Quint.easeIn, Quint.easeOut or Quint.easeInOut
![](/templates/yootheme/cache/6f/Quint-6f7adc6a.png)
Pow
Used to generate Quad, Cubic, Quart and Quint. By default is p^6.
Expo
Displays an exponential transition. Must be used as Expo.easeIn, Expo.easeOut or Expo.easeInOut
![](/templates/yootheme/cache/29/Expo-291a7d7f.png)
Circ
Displays a circular transition. Must be used as Circ.easeIn, Circ.easeOut or Circ.easeInOut
![](/templates/yootheme/cache/c0/Circ-c09413cb.png)
Sine
Displays a sinesousidal transition. Must be used as Sine.easeIn, Sine.easeOut or Sine.easeInOut
![](/templates/yootheme/cache/1e/Sine-1ed0ea35.png)
Back
Makes the transition go back, then all forth. Must be used as Back.easeIn, Back.easeOut or Back.easeInOut
![](/templates/yootheme/cache/43/Back-431c0375.png)
Bounce
Makes the transition bouncy. Must be used as Bounce.easeIn, Bounce.easeOut or Bounce.easeInOut
![](/templates/yootheme/cache/2e/Bounce-2e1e4c93.png)
Elastic
Elastic curve. Must be used as Elastic.easeIn, Elastic.easeOut or Elastic.easeInOut
![](/templates/yootheme/cache/ea/Elastic-ea3d4dd0.png)