The S5 Image Slide widget is demoed at the top of this page. It is a responsive widget that will automatically adjust to the width of any screen.

Please note that IE7&8 do not support the necessary css syntaxes needed for the layout shown on this demo. Because of this position custom_1 will not be shown for these browsers. In its place you may use position custom_3, which is shown only on IE7&8, with your own custom html widget.

Features:

  • Choose from several effects
  • Up to 10 images
  • Up to 10 widget positions if using widget mode
  • Choose auto rotate or manual rotate
  • Show/Hide: thumbnails, navigation arrows and pause/play buttons
  • Set links to each image and define if they show in a new window or in the same
  • Set the width and height of the widget

Widget mode tutorial:

The following positions are added by the plugin and correspond to the slide numbers of the widget.

S5 ImageSlide – Slide #1
S5 ImageSlide – Slide #2
S5 ImageSlide – Slide #3
S5 ImageSlide – Slide #4
S5 ImageSlide – Slide #5
S5 ImageSlide – Slide #6
S5 ImageSlide – Slide #7
S5 ImageSlide – Slide #8
S5 ImageSlide – Slide #9
S5 ImageSlide – Slide #10

Be sure to add widgets to the new positions in order, not S5 ImageSlide – Slide #1 and then S5 ImageSlide – Slide #4; they must be in sequential order.

Image mode tutorial:

After installing the widget simply publish it to your site and add URLs to images located on your server; once this is done the fader will start cycling through the images, be sure to add them in order from 1 – 10.