Hypergurl Java Scripts. Popup windows from thumbnails.





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.


Click here for more javascripts

Pop up windows from thumbnails
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.

Place the script below where you want the thumbnail to appear on your page.

 

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.

  
Search Site
Custom Search





Site design copyright 2000 - 2011 © Tanya Puntti Hypergurl.com