Handy
Tip: Todays browsers have inbuilt popup killers that automatically
stop pop ups so think carefully when using popup code and consider
will it limit your websites intention. If it is used to only see
a larger image then it would not spoil the intention of your website
and the user would have to allow the popup for their enjoyment.
Here's
how to make image thumbnails that will pop-up in a new, custom window, like the
one below, using javascripts.
Please
note: You'll need two sets of images - a small, thumbnail image and the accompanying
full-sized image.
Click the image below to view the sample.
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. sunflower.jpg is the name of my full-sized
image.
Replace this with the name of your full-sized image. sunflower2.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.