:: Support

:: Purchase

:: About

:: Home

Quick Start Guide.

Theory: Photo Gallery Manager can be used to manage a Photo Gallery with Thumbnails that link to full size images. When you add an image to a gallery, PGM expects the thumbnail image name in the form thumb_imagename.ext.  When PGM publishes the Gallery, The thumbnail image will be linked to the full size image with the filename full_imagename.ext.

Creating Thumbnail images: First upload the desired image to your web server. Make sure you rename to image from imagename.ext to full_imagename.ext (Just add 'full_' to the beginning of the name). Second open PGM, click 'Image Toolbar', then click 'Resize a single image'. Now enter the relative path to the image you uploaded, and the width and height to make the thumbnail. ( 125 x 125 works pretty good ).

Your Image folder MUST have permissions of '777' or Owner ( Read, Write, Execute) Group (Read, Write, Execute) and Other (Read, Write, Execute)

Example Relative Path:

The image is named 'full_sun_set.gif' and is located in the folder 'public_html/images/'. 

If you 'cgi-bin' is not in the 'public_html' folder, the relative path to 'full_sun_set.gif' would be   '../public_html/images/full_sun_set.gif'.

If your 'cgi-bin' folder is inside of your public_html folder, the path would be '../images/full_sun_set.gif'.

Now you should have a thumbnail copy of your original image in the same folder with the new name full_imagename.ext (thumb_sun_set.gif in our example).

If you still see the 'Image Toolbar', click 'Home', In the 'Main Toolbar', click 'Add Photo'.

Adding Photos to a Gallery: Enter a unique number when asked for an Order Number.

Order Numbers should start with 0001 and go up. Photos with higher Order Numbers will appear at the bottom of the Gallery, and photos with lower Order Numbers will appear at the top of the Gallery.

Now you can choose a Design Template. If you want your Gallery to contain thumbnails that link to the full image, choose 'Thumbnail Gallery' from the menu. If you do not wish to link to a larger image choose 'Standard'.

You may have other Design Templates specific to your site, if so, you will need to reference the separate instructions that were given to you upon installation.

Next choose a Gallery ( or channel ) to place the image in, and Enter the image file name and full path in URL form. ( Example: http://www.yoursite.com/images/thumb_sun_set.gif ). When you enter the image name, be sure to use the thumbnail's file name.

PGM will automatically link the thumbnail to the full size image if you use the thumb_filename format, and select the Design Template 'Thumbnail Gallery'.

Now enter a Photo Caption in the space provided. You may use HTML code to format your text. When you are finished press 'Save Record'.

Photo Record Functions: When your Web browser reloads, you will see your Photo Record in the space below the Main Toolbar.   on the right-hand side of the window, there are three buttons for each Photo Record. You can use the 'Preview' Button to view the image, and make sure the photo caption is correct. You can also edit the photo record, or remove it using the buttons 'Edit', and 'Remove'.

Publishing Galleries: When you are ready to publish all of your additions and changes, click the 'Publish' button on the Main Toolbar. This will re-build the Photo Galleries, and create the Archived Photo Galleries.

Using Galleries: In order to use the Photo Galleries in your web pages, you must use add a line to each HTML file that will contain a Gallery. When you installed PGM, via the 'Configuration' button, you were asked were you would like JavaScript code published ( Question #7 ). Enter the following line of code into your Web Pages, including the path that you used on installation, and the Galleries name.

Example: Gallery Name is 'Office_Employees'. The path specified in Question '7' was '../js/', and in this example the cgi-bin directory is contained in 'public_html'; so the Full path to our Photo Galleries is: http://www.yoursite.com/js/. To add the Gallery to a HTML page, use this code:

<script language="JavaScript" src="http://www.yousite.com/js/Office_Employees.js"></script>

Archived Galleries will be accessible via a link from the main gallery. The links will be generated by PGM automatically. You can still link directly to the Archived Galleries by checking your configuration, and linking to the path specified by Question # '7'.

Resize all images in a directory with 'Batch Image Resizing'.

'Batch Image Resizing' is a way to resize all of the images in a specified directory automatically*. (*only one file type at a time).

How to use 'Batch Image Resizing'. On the Main Toolbar, click 'Image Toolbar', then click 'Batch Image Resizing'. Enter the relative path to the folder containing the images. Choose a Graphic File Format, and enter the desired width and hieght for the thumbnails.  (All photos must have 'full_' at the beginning of their name) Click 'Submit', Photo Gallery Manager will generate thumbnail images, with 'full_' replaced by 'thumb_' in the new filenames.