This is what I've done to create Pop up windows from thumbnails:
Please note: You'll need two sets of images - a small, thumbnail image and the accompanying full-sized image.
Place the script below where you want the thumbnail to appear on your page.
<script language=JavaScript>
function openindex()
{
var OpenWindow=window.open("", "newwin","height=318,width=402");
OpenWindow.document.write("<img src='fullsize.jpg'>")
OpenWindow.document.write("<br>")
OpenWindow.document.write("<center><a href='javascript
:self.close()' target='_self'>Close</a></center>")
}
</script> <a href="javascript
(colon goes here)openindex()" target=_self><img border=no src="images/thumbnail.jpg" width="96" height="72"></a>
Within the code, height=318,width=402 needs to be substitited with the dimensions of your own full-size image.
NOTE: add 30 to the height, and 18 to the width.
In my example, my full-sized image dimensions are a height of 288, and a width of 384 . When adjusted according to the "NOTE"above, I came up with the dimensions of height=318 and width=402. fullsize.jpg is the name of my full-sized image.
Replace this with the name of your full-sized image. thumbnail.jpg is the name of my thumbnail sized file. Replace this with the name of your thumbnail sized file. openindex is the name of this particular function.
Each thumbnail pop-up must have it's own function with it's own name. If you've just added the Thumbnail Pop-Up Code to your page, and now you want to make another one.
Simply repeat all of the steps above, and then rename this (openindex) function to something else, for instance, openindex2. Do this for each new thumbnail pop-up you wish to add.
Please note that I had to place a bold (colon goes here) so that a smiley face wouldn't appear, just replace this
(colon goes here) with
:
This should do it.
DianeD
