S5 Image Slide

Drop Down Now Included In Vertex

This is the S5 Ultimate Drop Down. This is a feature that is seen in several Shape 5 designs. Many have asked how to add to other designs so we decided to build this into the framework so every design from now on will have this functionality. Be sure to read more about this new feature here: Features:

  • Customize almost everything! Shadows, borders, gradient, opacity
  • Contains 6 widget positions: drop_down_1, drop_down_2, drop_down_3, drop_down_4, drop_down_5 and drop_down_6
  • Auto adjust to the height of your content
  • Set your own open and close text
  • And many more features!
Open Panel
  • Register

S5 Image Slide

Published: 23 Jun 2011
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.

 

S5 Tab Show

  • The Top Features

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae commodo lectus, non dignissim ante. Fusce lobortis justo nulla, convallis aliquet nulla semper vel. Integer blandit egestas libero et malesuada. Curabitur sem turpis, tincidunt.

    Google Fonts Enabled

    Aliquam metus justo, ultricies sit amet lacinia eu, scelerisque nec purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per ipsum lorem inceptos.

    Hide Content and Widgets

    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc porttitor mollis massa, id ultricies purus malesuada lorem ipsum vitae.

    Lazy Load Images Enabled

    Vivamus luctus velit sit amet fringilla adipiscing. Morbi at accumsan massa, ut elementum velit. Suspendisse non risus sem. Phasellus viverra lectus erat, sit amet viverra lacus.

Demo Information

All content and images shown on this site is for demo, presentation purposes only. This site is intended to exemplify a live website and does not make any claim of any kind to the validity of non-Shape5 content, images or posts published.

Most photography was purchased from shutterstock.com for this demo only, and is not included with this theme or any membership. You may not use these images for your own without purchase. Links will be provided for some images if you wish to purchase them from their copyright owners.

S5 Box – Login

Publish a login form or anything you want to this position.

S5 Box – Register

Publish a registration form or anything you want to this position.