% ' INSTRUCTIONS FOR ADDING/REMOVING PHOTOS FROM THIS PAGE ' ' For every photo in the gallery, you must have a thumbnail and a big image ' file, with the name format picXX_small.jpg and picXX.jpg respectively, ' where XX is any two-digit number identifier (e.g. 03, 76). ' ' When adding new photos, be sure to set the name of the thumbnail image ' (e.g. src="images/galler/pic69_small.jpg") and the big image (e.g. ' changeImage('pic69.jpg') in their respective (new) rows below. Also, add the ' name of the big image to the "preloading" function script in the
tag. ' ' Similary, when removing photos, remove the thumbnail row as well as the ' reference to the big image in the preloading function. ' ' HOW THIS IMAGE GALLERY PAGE WORKS ' ' Once the page loads, displaying the thumbnails, it fires off two client-side ' scripts: setBasePath and preloading. The first, simply figures out where ' the image files are stored. The second loops through and requests the big ' image files whereupon the browsers will generally cache them. Thus, when the ' user clicks a thumbnail, there won't be a long delay while the big image is ' retrieved - it will load instantly. Note, if the user is on a very slow ' connection, it is possible they might click a thumbnail before its ' corresponding big image has been preloaded and will still experience a delay. ' But hey, they're probably on dial-up and used to that by now! ' ' %>
|
![]() |