Click on these links to download the source files used in the image gallery application (use can use right-click "Save Taget As..." to make a copy to your hard disk).
| slideshow.js | Main SlideShow source |
| util.js | JavaScript Utilities |
| slideshow.css | Style Sheet for slide show |
| blank.gif | Blank GIF file used for temporary display of IMG (must be placed in an "images" directory") |
You'll also need a copy of a top-level slideshow file. Here's a sample slideshow.htm.
The XML Data island that drives the slide show has the following format:
<XML id=xmlSlideShow>
<Show
Width="640"
// Default width and height for all slides in show
Height="480"
Margin="10"
// Number of pixels around edge of screen and between
// thumbnails
Thumbsize="40"
// Size (in pixels) of thumbnail images (square)
Border="2"
// Size (in pixels) of borders around thumbs and main
// image
BorderColor="white" //
Use any IE allowed
color value
Background="#3C3C3C" //
Background color of page
Color="white"
// Text color
>
<Title></TITLE>
// A single line of (HTML) text to display as the show
// title
<Home
HREF="http://..."
// Reference to a home page (link from Home button)
/>
followed by 1 or more <Slides> as follows:
<Slide
Src="imagename.jpg"
// URL of image file
>
<Title></Title>
// HTML text to display as the slide title
<Date>August
27, 2003</Date> // Date of image
// Must be in mmmm dd, yyyy format
<Desc></Desc>
// Multiple lines of (HTML) text to display
// as the slide description.
</Slide>
</Show>
</XML>
