PostcardViewer - Manual Instructions

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

1: Download PostcardViewer Files

Download PostcardViewer 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>
</image>

  • <url> is the relative or absolute path to the image file.
  • <caption> is the optional text caption for the image.

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.