the name

You need a particular HTML structure to get this to work (or flickr or xml). First, you need a container where your pages are located in. You can then put thumbnail images into this page, each surrounded by a div. This additional container will later contain the dynamic border. If you like to have more pages, just create more page containers and so on. The most important thing, is the relation to the big image. So make sure, that each thumbnail is linked to somewhere and this link has a rel attribute. You just have to put the big image url in there. You may also provide two links to navigate through the pages. They will automatically be hidden. You can also provide a loading image optionally. It will be shown for each thumbnail while the big version of the image is preloaded. It also disappears automatically when preloading is done. Additionally, you can provide a no-script version very easily. Just a bit of coding in the dynamic language you like :-) On top of these features, you have the possibility to change the default behaviour by overwriting several class options Here are all the featuers: nice transitions for page change, image select, etc. supports easy to build no-script version preloads images with separate indicators (optional) a bunch of options to change the default styles and bevaviours visibility of prev/next handles is controlled by mouse distance use the arrow keys to go to previous/next image use number keys to go to a certain page (beginning with 1) prevents too fast change of images (ugly effect interruption) several methods to be used with your own controls (prevImage/nextImage, prevPage/nextPage, gotoPage, selectByIndex) dynamic adding of new images to the gallery (with JSGallery_dynamic) shows flickr images (with JSGallery_flickr) shows simple viewer xml galleries (with JSGallery_simpleviewer) Here is the JS call for the example gallery: (the last 2 images are added dynamically)