- Menu scripts
- Window scripts
- Calendar scripts
- Gallery scripts
- Form widgets
- XP widgets
- Table widgets
- Drag and drop
- Folder trees
- Tooltips
- AJAX scripts
- Misc scripts
- Javascript games
- Chess widgets
- DHTML Suite
- Top sponsors
- abo-storch.de
- anbieter-vergleichen
- Sigmalist.com
- More
- Resources
- cbolson.com
- Vision.To Design
- Other resources
Download image slideshow
Download script
You can download the entire script from this zip file.
Add images to slideshow
In the <body> section, add images to the slideshow in the <div id="theImages"> section
This is done with the following syntax:
<a href="#" onclick="showPreview('images/image1_big.jpg');return false"><img src="images/image1.jpg"></a>
image1.jpg is the small image, while image1_big.jpg is the larger version of image1.jpg, i.e. the image that is loaded into the preview pane
When someone opens the page, you can have a default image showing in the preview pane. This is done by adding a <img> into the "previewPane" div. Example:
<div id="previewPane">
<img src="images/image1_big.jpg">
</div>
Add image captions
Image captions are added right below the <A> tags for your small images. Example:
<div class="imageCaption">This is the caption of image number 1</div>
<div class="imageCaption">This is the caption of image number 2</div>
<div class="imageCaption">This is the caption of image number 3</div>
<div class="imageCaption">This is the caption of image number 4</div>
<div class="imageCaption">This is the caption of image number 5</div>
<div class="imageCaption">This is the caption of image number 6</div>
<div class="imageCaption">This is the caption of image number 7</div>
<div class="imageCaption">This is the caption of image number 8</div>
Change size of gallery
If you're not satisfied with the initial appearance(width, height, border colors etc.) of the gallery, you can make adjustments to the CSS(The <style type="text/css"> part). Look at the comments in the CSS for further information
