The updated version of the script is available here.
Here is an example of the markup…
The list section is the important element to the gallery. Each li has a value property that is set to the name of the full-size image. The interface is very flexible and can easily be altered in the HTML and CSS.
var imgid = 'image'; // id of image div // var imgdir = 'fullsize'; // full-size image directory // var imgext = '.jpg'; // full-size image extension // var thumbid = 'thumbs'; // id of the thumbnail container // var auto = true; // automatic rotation toggle // var autodelay = 5; // seconds before the image rotates //
This script isn’t completely polished yet but I wanted to go ahead and get it out there for anyone that can put it to use. It has been tested in all major browsers and is available free of charge for both personal or commercial projects under the creative commons license. Community support is available here. Paid support is also available, contact me for details.
Update 5/16/2008 – Updated CSS and added outline:none for the next and previous links.
Update 5/26/2008 – Updated the CSS to resolve an issue with resizing the window in IE6. Thanks to Jon Stoski for reporting.
Update 5/28/2008 – Pushed script inside global namespace. Fixed a couple IE related bugs.
Latest posts by Michael (see all)
- AJAX JSON Example - December 29, 2012
- Input & Textarea Character Limit Counter with jQuery - September 18, 2012