Great for bloggers! Use this code to quickly create as many thumbnail slideshows on a page, as you need. Tested in IE and FF, with many images of differnt sizes, captions of various lengths.

Very little coding is needed! Copy and paste a block of markup, declare your image names and captions, the path to that set of images, and you´re done. Every image set has its own folder, making the code easy to maintain.

There are several other configuration variables for each slideshow, most requiring either a true or false. Great for those who have many photos to share, and who need a non-technical, easy to maintain way to do so.

Only one slideshow is allowed to be active at a time. Clicking on a thumbnail image opens the centered, "full size" image with its caption, subject to the fullSizePct variable.

Most digital photos are too large to fit comfortably inside the average screen. The fullSizePct variable will help manage that. The code is not affected by popup blockers.

Clicking on a thumbnail image while a slideshow is running, pauses the show until the user clicks the full size image to "close" it, resuming the slideshow.

The code doesn´t use ANY HTML element NAMES or IDs, greatly reducing the chance for a conflict when inserted in to an existing document.

A demo is here:

http://www.javascript-demos.com/thumbnail/Demo2.html