stunicholls.com

...exploring the possibilities

jQuery Auto-Photo-Slide

23rd March 2010

Copyright ©2010 stu nicholls - stunicholls.com

Next Demonstration Next Demonstration

Information

Extending the previous sliding gallery to add an auto-run feature.

This slideshow will auto-run on page entry, changing the images after a preset period of time (in this case 4.5 seconds but can be any period you choose).

Hovering anywhere on the slideshow will pause the auto-run feature and allow you to manually select the image using the left/right arrows or the thumbnail images.

The various elements in this slideshow are positioned by the stylesheet, and the control of the images is down to the javascript with jQuery.

The javascript routine automatically checks for the number of images used (from 1 to 7).

Finally, the large images are all links so you can use these to reference other areas of you website or to external web pages.

If you would like a copy of this demonstration then please email me and make a donation to support stunicholls.com. A donation is required for the use of this demo and every little helps to keep this site up and running.