GALLERY.HTML is a holder web page that simply defines the frames and links the navigation frame to navigate.html and also has the web page meta data such as web page title, subject, and content search words.
To make thumbnails, use a utility such as convert from http://imagemagick.org with the following command:
convert -size 120x120 picture.jpg -resize 120x120 +profile '*' thumbnails/ picture.jpg
A similar command can be used to create images in a medium resolution, say 800x600 to reduce user load times and web server storage space. It would be possible to set up an addition folder, say named 'originals' and change the link in the display picture so users would be able to view or obtain the original picture file while still being able to review thumbnails or moderate resolution copies.
To see ESPG in action or view the code, see
Any suggestions for code improvement are welcome - please send to firstname.lastname@example.org
Picture sizing allows the display of an entire photograph depending upon scaling of the browser display. To do this ESPG displays pictures with only the width attribute set. The hidden assumption is that the images present in 'landscape' or screen mode where the width has more pixels than the height. Thumbnails are presented as a 120 pixel width. Photographs are presented a 400, 600, or 800 selectable widths using buttons in the navigation frame.
An optional caption may be added to each photograph. It is appended to the photograph file name using a forward slash ('/') character as a delimiter between the name and the caption. The forward slash is used because there is no path indication in the photograph file name (thumbnail/ and images/ are added for relative addressing as needed) and therefore no such character in the file name. Everything after the first forward slash in the photograph array string is considered a caption for the picture to be displayed below the picture in the main display area.
The automatic advance to the next picture on a timed interval is controlled by button selection. You can adjust the timings for the control buttons by changing the values in the 'setTimer(x);' calls in the button 'onclick' parameter.
A primitive frames reset capability is provided by placing links to the album home page and to the gallery document in each frame with the TARGET=_TOP parameter set.