Flex Slider attributes

  • animation: (slide, fade)
  • easing: (easeInQuad, easeOutQuad, easeInOutQuad, easeInCubic, easeOutCubic, easeInOutCubic, easeInQuart, easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint, easeInOutQuint, easeInSine, easeOutSine, easeInOutSine, easeInExpo, easeOutExpo, easeInOutExpo, easeInCirc, easeOutCirc, easeInOutCirc, easeInElastic, easeOutElastic, easeInOutElastic, easeInBack, easeOutBack, easeInOutBack, easeInBounce, easeOutBounce, easeInOutBounce)
  • direction
  • animationSpeed
  • slideshowSpeed
  • directionNav: true or false
  • controlNav: true or false
  • controlNavThumbs: true or false
  • controlNavThumbsSlider: true or false
  • pauseOnAction: true or false
  • slideshow: true or false
  • animationLoop: true or false
  • width
  • height

Flex Slider with control navigation buttons.

  • First image caption
  • This is another caption
+
Get the code
[slideshow type="flex" animation="slide" easing="easeInOutExpo" direction="horizontal" animationSpeed="1000" slideshowSpeed="7000" directionNav="true" controlNav="true" controlNavThumbs="false" controlNavThumbsSlider="false" pauseOnAction="true" pauseOnHover="true" slideshow="true" animationLoop="true" height="400"] [image url="image_src" caption="First image caption"] [image url="image_src.jpg"] [image url="image_src" caption="This is another caption"] [image url="image_src.jpg"] [image url="image_src.jpg"] [/slideshow]
top ↑

Flex Slider with navigation thumbnails.

  • First image caption
  • This is another caption
+
Get the code
[slideshow type="flex" animation="slide" easing="easeInOutExpo" direction="horizontal" animationSpeed="1000" slideshowSpeed="7000" directionNav="true" controlNav="true" controlNavThumbs="true" controlNavThumbsSlider="false" pauseOnAction="true" pauseOnHover="true" slideshow="true" animationLoop="true" height="400"] [image url="image_src.jpg"] [image url="image_src.jpg"] [image url="image_src.jpg"] [/slideshow]
top ↑

Flex Slider with navigation thumbnails slider.

  • First image caption
  • This is another caption
+
Get the code
[slideshow type="flex" animation="slide" easing="easeInOutExpo" direction="horizontal" animationSpeed="1000" slideshowSpeed="7000" directionNav="true" controlNav="true" controlNavThumbs="true" controlNavThumbsSlider="true" pauseOnAction="true" pauseOnHover="true" slideshow="true" animationLoop="true" height="400"] [image url="image_src.jpg"] [image url="image_src.jpg"] [image url="image_src.jpg"] [/slideshow]
top ↑

Nivo Slider attributes

  • effect: (random, sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade, slideInRight, slideInLeft, boxRandom, boxRain, boxRainReverse, boxRainGrow, boxRainGrowReverse)
  • slices
  • boxCols
  • boxRows
  • animSpeed
  • pauseTime
  • randomStart: true or false
  • directionNav: true or false
  • controlNav: true or false
  • controlNavThumbs: true or false
  • pauseOnHover: true or false
  • manualAdvance: true or false
  • stopAtEnd: true or false
  • width
  • height

Nivo Slider with control navigation buttons.

+
Get the code
[slideshow type="nivo" effect="random" slices="12" boxCols="8" boxRows="4" animSpeed="800" pauseTime="7000" randomStart="false" directionNav="true" controlNav="true" controlNavThumbs="false" pauseOnHover="true" manualAdvance="false" stopAtEnd="false" height="400"] [image url="image_src" caption="This is a caption"] [image url="image_src"] [image url="image_src" caption="This is another caption"] [/slideshow]
top ↑

Nivo Slider with control navigation buttons.

+
Get the code
[slideshow type="nivo" effect="fade" slices="12" boxCols="8" boxRows="4" animSpeed="600" pauseTime="6000" randomStart="false" directionNav="true" controlNav="true" controlNavThumbs="true" pauseOnHover="true" manualAdvance="false" stopAtEnd="false" height="400"] [image url="image_src" caption="This is a caption"] [image url="image_src"] [image url="image_src" caption="This is another caption"] [image url="image_src"] [image url="image_src"] [/slideshow]
top ↑