Thumbslider

  • image
  • image
  • image
  • image
  • image
[thumbslider animationspeed="500" interval="3000" animationtype="slide" directionnav="true" autoplay="false" direction="horizontal"] [thumbslide thumbnail="http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/Red-Bridge.jpg" target="_parent" link=""]http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/Red-Bridge.jpg[/thumbslide] [thumbslide thumbnail="http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/Road-Dance.jpg" target="_parent" link=""]http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/Road-Dance.jpg[/thumbslide] [thumbslide thumbnail="http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/hanging-on-bridge.jpg" target="_parent" link=""]http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/hanging-on-bridge.jpg[/thumbslide][thumbslide thumbnail="http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/magic-in-hands.jpg" target="_parent" link=""]http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/magic-in-hands.jpg[/thumbslide][thumbslide thumbnail="http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/Ball-Dance1.jpg" target="_parent" link="http://themeforest.net/"]http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/Ball-Dance1.jpg[/thumbslide] [/thumbslider]

Thumbslider Options

  • animation: Enter the animation speed value.
  • interval: Choose the interval between each slides.
  • animationtype: Select the type of animation. “fade”, “slide”.
  • directionnav: Choose whether to display direction navigation arrows. “true”, “false’.
  • autoplay: Should the slider automatically start? “true”, “false”.
  • direction: Choose the direction of slider if slide is selected. “horizontal”, “vertical”.

Thumbslider Item Options

  • link: Enter the link if you want to link the image with something, else just leave it blank.
  • target: Select the link’s target. “_parent”, “_self”, “_blank”.
  • thumbnail: Enter the Thumbnail Image path.
  • content: Enter the image path. e.g. [thumbslide]image.jpg[/thumbslide].