SimpleViewer - Manual Instructions
These instructions show you how to create a SimpleViewer gallery by manually creating the thumbnail images and XML file required by SimpleViewer. To do this, you can use the text editor and image editing software of your choice. This option is recommended if you do not have access to server-side scripting or if you want fine control of customization options.
Follow the steps below to create a SimpleViewer gallery on your website.
1: Download SimpleViewer files
Download and unzip SimpleViewer files to a new folder.
2. Add images
Copy your images to the ' images' folder. Images should be JPGs and saved as 'non-progressive'.
3. Create thumbnails
Create thumbnails with an image editing program (e.g. PhotoShop). Place thumbnail images in 'thumbs' folder. Thumbnails must have the same name as the full-size image. Thumbnails should be at least 65x65 pixels (larger thumbnail images will be cropped).
4: Edit gallery.xml
This file is a simple text file that can be edited in any text editing software (e.g. NotePad, TextEdit ). Set your gallery options by editing the simpleviewerGallery tag attributes at the top of the file. Here is a list of the XML gallery options with their descriptions.
Next, add an <image> tag for every image in the gallery:
<image> <filename>115-1503_IMG.jpg</filename> <caption>Arles old town.</caption> </image>
- <filename> is the filename of the image file and the thumbnail file.
- <caption> is an optional text caption for the image.
5. Set background color (optional)
To set the background color, edit index.html. Enter the hex color value as the last parameter in the SWFObject code line:
var fo = new SWFObject("viewer.swf", "viewer",
"100%", "100%", "7", "#ff00ff");
6. Upload files.
Upload all your files to a new folder on your web server.
<< Back to SimpleViewer Download page
