AutoViewer - Manual Instructions
These instructions show you how to create an AutoViewer gallery by manually creating the XML data required. To do this, you can use the text editor of your choice.
Follow the steps below to create an AutoViewer gallery on your website.
1: Download AutoViewer Files
Download AutoViewer here. Unzip to a new folder.
2. Add Images
Copy your images to the images folder. Images should be JPGs and saved as 'non-progressive'.
3: Edit gallery.xml
gallery.xml is a simple text file that can be edited in any text editing software (e.g. NotePad, TextEdit ). Set gallery XML options by editing the 'gallery' tag attributes at the top of the file. Check here for a list of supported XML options.
Now add an <image> tag for every image in the gallery:
<image>
<url>images/wide.jpg</url>
<caption>This is a caption.</caption>
<width>700</width>
<height>465</height>
</image>
- <url> is the relative or absolute path to the image file.
- <caption> is the text caption for the image.
- <width> is the image width in pixels.
- <height> is the image height in pixels.
4. 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%", "8", "#ff00ff");
5. Upload Gallery to Your Web-Server
Use the FTP program of your choice to upload your gallery folder to your web-server. To view your gallery, navigate to that folder in your browser.