Demo  #9: Popup  Photos     |     home
Example 1   |   Instructions   |   Example 2
Next I explain how it's done, step by step.

Instructions
1. First, of course, you need a photo!  
Mine is called "iceberg2.jpg"
2. Then you need the following basic Javascript code:

<A HREF="javascript:void(0)"
ONCLICK="open('^GEMDIR/iceberg2.jpg','miniwin','toolbar=1,location=1,directories=1,status=1,
menubar=1,scrollbars=1,resizable=1,width=500,height=500')">- ICEBERG</A>

(Lines 2 and 3 are actually one continuous line. I had to break it up to show you on the page what it looks like)
3. Copy & paste the source code above into a "Build your own web gem" (BYOWG) and edit the following information:

a. The name of your image file.  In this case, mine is called iceberg2.jpg.  Note: the ^GEMDIR/ is very important otherwise the picture will not display!

b. The title for the image. In this case, it's called simply "ICEBERG"

4. Before saving/closing the BYOWG, click on the button labeled "Files for this gem", as shown below:
5. After clicking on "Files for this gem", locate the appropriate image by clicking on "Add a file".  Click on OK once you've found the file.


6. Then click on "Modify" to save the web gem.

7. Repeat the above steps for each additional photo.  Then save and publish!