simpleviewer.netPRODUCTS | SUPPORT | NEWS | ABOUT

SimpleViewer 1.9 - Manual Instructions

This document applies to SimpleViewer version 1.9. SimpleViewer has been upgraded to version 2.3.0. View upgrade information.

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

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>

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.