Description:
This gallery dynamically loads images from a folder, and automatically generates thumbnails. The page does not reload for each image, yet it can be bookmarked with the gallery showing any specific image.The gallery navigation can be customized to show thumbnails, numbers, or squares; thumbnails size is customizable (for the purpose of this demo, live customization can be applied using the cutomization panel above).
The gallery does not require javascript, and validates against HTML 4.01 Transitional and CSS:
Requirements:
Your hosting server must support PHP.Setup and Installation:
1. Download "image_gallery" and unzip it.2. To customize the gallery navigation, open "image_gallery.php" in Dreamweaver or a simple text editor (such as Notepad), and change the customizable values: navigation style, thumbnails maximum width and height (see the customization panel on this page, at the right of the gallery, to preview the options).
3. The page in which you want the gallery to be displayed must have the "php" extension (if the page is "mypage.html" you must rename it "mypage.php"). Don't forget to change your site links to this page accordingly!
4. Copy and paste the following line in your page code, just before the closing head tag (</head>)
5. Copy and paste the following line where you want the gallery to be displayed:
6. Replace the images in the folder "gallery_files" with the images of your choice. To add a caption for an image, create a text file bearing the same name as the image, in the sub-folder "captions". For example, the caption for the image "gallery_files/image1.jpg" will be "gallery_files/captions/image1.txt".
7. Upload your page, and the folder "image_gallery" to the same directory on your server.