SimpleViewer Manual Instructions

Manually create a SimpleViewer gallery using a text editor and image editing software of your choice. Follow these steps:

1: Download SimpleViewer

Download and unzip SimpleViewer files to your desktop. Make a copy of the web folder. This will be your gallery folder.

2. Add images

Copy your images to the images folder.

3. Create thumbnails

Create thumbnails with an image editing program (e.g. PhotoShop). Place thumbnail images in thumbs folder. Thumbnails should be at least 75x75 pixels (larger thumbnail images will be cropped).

4: Edit gallery.xml

Open gallery.xml 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. View details on setting config options.

Next, add an <image> tag for every image in the gallery:

<image imageURL="images/tall.jpg" thumbURL="thumbs/tall.jpg" linkURL="http://www.google.com" linkTarget="_blank" >
<caption>This is my caption.</caption>
</image>

  • imageURL is the absolute or relative path to the fullsize image.
  • thumbURL is the absolute or relative path to the thumbnail image.
  • linkURL is the absolute or relative path to URL that is navigated to when the user clicks the 'Open In New Window...' button.
  • linkTarget is the window name that is navigated to when the user clicks the 'Open In New Window...' button.
  • caption - this tag contains optional text caption for the image.

5. Set background color (optional)

To set the background color, edit index.html. Enter the hex color value like this:

params.bgcolor = "222222";

6. Upload files.

Upload your gallery folder to your web server.

 

Creating a Flickr Gallery

It's easy to create a Flickr gallery with svBuilder.

  1. Make a copy of the web folder in the Pro download. This will be your gallery folder.
  2. Run svBuilder and select the new gallery folder.
  3. Use the Flickr Option Panel to select Flickr username, set ids, group ids, tags and more.
  4. Modify other options as required.
  5. Once you are happy with your gallery, select 'Save' from the main menu to save your gallery xml.