Easy Gallery Generator - EGG V2.0

Tutorials


Tutorial 1 - Quick Demonstration

Run the program egg.exe.

Click on the button on the toolbar to create a new gallery.

Select the directory "mypics" by clicking on it, then click on the OK button.

A progress bar should now display while the pictures are loaded then you should see eight thumbnails of pictures on the screen.

Open up a new window in your web browser now, otherwise the next step, generating and viewing the web pages will make this tutorial disappear, probably.

Click on the button on the toolbar to generate the gallery and view it in your web browser.

When you have finished looking at the Gallery close the browser window then click on the button on the toolbar to save the gallery settings.

Type in the file name "tutorial1" and click OK to save the settings.


Tutorial 2 - More complex example

Run the program egg.exe.

Click onthe button on the toolbar to create a new gallery.

Select the directory "mypics" by clicking on it, then click on the OK button.

A progress bar should now display while the pictures are loaded then you should see eight thumbnails of pictures on the screen.

Click once on the lower arrow of on the toolbar. This will change the number of columns from 4 to 3. You will now have eight thumbnails of pictures plus one blank one at the end.

Click on the first thumbnail (of the ball). The word "Moving" should be displayed on the left of the status bar at the bottom.

Click on the second thumnail (of the birdhouse). The "Moving" should disappear and the first and second thumbnails will swap places.

Now move around any others that you want to - you can also click on the blank thumbnail to move it, say into the middle of a row.

Now click on the button to change from "moving mode" to "short comment mode". The short comments are those that appear underneath the thumbnails on the main gallery web page.

Now click on one of the thumbnails (but not a blank one - blanks ones cannot have comments).

A dialog box will pop up showing the thumbnail and the short and long comments. Overtype the comments with whatever you want.

If you don't want to change any other comments just click OK. If you want to change the comments for the next or previous pictures click on the "Next" or "Prev" buttons - this will save the comments and load up the next/previous thumbnail and comments. Cancel only cancels the currently loaded comments (not all the others have been changed along the way).

Click on the button to resize the thumbnails. A dialog box will pop up showing a picture of some flowers.

Click and drag the bar to change the size of the thumbnail, and/or click on the up/down arrows. Click on OK and the progress box will pop while the thumbnails are resized, then you should see the newly sized thumbnails for the eight pictures.

Click on the button to change the format of the generated main page (thumbnail list). A dialog box will pop up.

Click on the tabs at the top to see which things can be changed and have a play with them. Note that the "Background" button sets the colour of the background for all of the tabs (there is only one background on the generated web pages).

Click on the button to change the format of the generated picture pages. A dialog box will pop up.

Click on the tabs at the top and play around with the colours and sizes. Note, again, that the "Background" button sets the same colour on all web pages.

Open up a new window in your web browser now, otherwise the next step, generating and viewing the web pages will make this tutorial disappear, probably.

Click on the button to generate the gallery and view it in your web browser.

When you have finished looking at the Gallery close the browser window then click on the button to save the gallery settings.

Type in the file name "tutorial2" and click OK to save the settings.


Tutorial 3 - Big Pictures

Run the program egg.exe.

Click on the button on the toolbar to create a new gallery.

Select the directory "mybigpics" by clicking on it, then click on the OK button.

A progress bar should now display while the pictures are loaded then you should see two thumbnails of pictures on the screen, and possibly some blank ones, depending on the number of columns you have.

Click on the arrows of (the number may not be 4) on the toolbar until the number has changed to 2. This will set the number of columns to 2, and the blank thumbnails will disappear.

Click on "Tools" in the menu and select "Options". A dialog box will pop up.

Click on the tab labelled "Generate Gallery".

Tick the box marked "Javascript Auto Resize".

Select the radio button labelled "1024 by 768" in "Base Screen Size".

Click on the OK button.

Open up a new window in your web browser now, otherwise the next step, generating and viewing the web pages will make this tutorial disappear, probably.

Click on the button on the toolbar to generate the gallery, then click on the link labelled "Click Here to View Gallery" to view it in your web browser. (This opens a new browser window without buttons, menus etc).

When you click on the thumbnails you should see pictures that fill most of the screen area (unless your screen size is larger than 1024 by 768, in which case not all the screen will be filled). If your screen is smaller than 1024 by 768 they will be shrunk to fit by the browser, so they should still fill most of the screen.

When you have finished looking at the Gallery close the browser window then click on the button on the toolbar to save the gallery settings.

Type in the file name "tutorial3" and click OK to save the settings.


Reference Guide

Overview