AutoViewer - Manual Instructions

These instructions show you how to create an AutoViewer gallery by manually creating the XML data required.

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

To set gallery XML options, edit gallery.xml with any text editing software (e.g. NotePad, TextEdit ). Set 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 optional 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("autoviewer.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.