jQuery Image Slide Show Viewer

A simple jQuery plugin to view full size versions of thumbnails. View the jQuery slideshow demo or open index.html in a web browser for more info.

The plugin automatically finds any links within the selected element and uses their href’s as images for the slide show. For example:

$('.slides').slideShow(); 

will work with markup like this:

<ul class="slides">     <li><a href="img-1.png"><img src="img-1-thumb.png" /></a></li>     <li><a href="img-2.png"><img src="img-2-thumb.png" /></a></li>     … </ul> 

And you can also specify a custom selector as the first argument and a custom data attribute to look at for the src, e.g.:

$('.slides').slideShow('li', {dataAttr: 'src'}); 

for markup like this:

<ul class="slides">     <li data-src="img-1.png"><img src="img-1-thumb.png" /></li>     <li data-src="img-2.png"><img src="img-2-thumb.png" /></li>     … </ul>