Fx-Transitions

Fx-Transitions

DJ-ImageSlider offers a wide range of effects you can apply to the slides.

For your reference below you'll find a list of the effects along with the graph of how they work.


In DJ-ImageSlider you can select them in Customize Slider tab in Module settings


 

linear


displays a linear transition


Quad


displays a quadratic transition. Must be used as Quad.easeIn or Quad.easeOut or Quad.easeInOut


Cubic


displays a cubicular transition.  Must be used as Cubic.easeIn or Cubic.easeOut or Cubic.easeInOut


Quart

displays a quartetic transition.  Must be used as Quart.easeIn or Quart.easeOut or Quart.easeInOut


Quint


displays a quintic transition.  Must be used as Quint.easeIn or Quint.easeOut or Quint.easeInOut


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 or Expo.easeOut or Expo.easeInOut


Circ

displays a circular transition.  Must be used as Circ.easeIn or Circ.easeOut or Circ.easeInOut


Sine

displays a sineousidal transition.  Must be used as Sine.easeIn or Sine.easeOut or Sine.easeInOut


Back

makes the transition go back, then all forth.  Must be used as Back.easeIn or Back.easeOut or Back.easeInOut


Bounce

makes the transition bouncy.  Must be used as Bounce.easeIn or Bounce.easeOut or Bounce.easeInOut


Elastic

Elastic curve.  Must be used as Elastic.easeIn or Elastic.easeOut or Elastic.easeInOut



      • Related Articles

      • DJ-Menu module

        DJ-Menu is a suckerfish menu with CSS3 animations. Now, you can easily manage whether the menu is animated or just scriptless css drop-down. Navigate Extensions > Module Manager and choose DJ-Menu module. Short description: Basic options Menu name – ...
      • An easy trick to bring life to the adverts or products

        If you're tired of static images in the products or classifieds pages, there's an easy trick to make it dynamic (and I do not mean adding videos). The effect Let's start from the final effect, so you know what we are after. Once you have integrated ...