Creating a AutoViewer gallery with Picasa

To create a AutoViewer gallery using Picasa, follow these steps:

1. Install Picasa

If you don't already have it, download and install Picasa.

2. Install AutoViewer Picasa Template

Download the AutoViewer Picasa Template here (NOTE: this is a different file than the regular AutoViewer download). Unzip and copy the folder to your Picasa web templates folder:

  • Windows: \Program Files\Google\Picasa3\web\templates
  • Macintosh: Applications:Picasa.app:Contents:Resources:web:templates (To browse inside a package, use ctrl-click and select "Show Package Contents")

3. Create AutoViewer gallery

Open Picasa. Select the images you want to make a gallery from and click Folder -> Export as HTML Page... Select your image size and gallery title. In the Select a Web Page Template page, select AutoViewer. Click Finish. The gallery will be generated and displayed in a new browser window. Picasa captions will be copied into your gallery.

4. Edit gallery options (OPTIONAL)

Once you have created your AutoViewer gallery, you can optionally tweak some of the gallery options by editing the generated gallery.xml file using a text editor (e.g. NotePad, TextEdit). Specifically you may want to change the cellDimension value to be higher than the size of the images in your gallery. Set gallery XML options by editing the 'gallery' tag attributes at the top of the file. Check here for a list of supported XML options.

5. Set your gallery 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");

6. Upload gallery to your web-server

Use the FTP program of your choice to upload the generated folder to your web-server.