PostcardViewer - Manual Instructions
These instructions show you how to create an PostcardViewer 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 PostcardViewer gallery on your website.
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.