JavaScript Quick Zoom

Click on an image to get a closer look without leaving the page.
Point your cursor away from the image to return it to original size.

If you want a copy of this script, save the page to your hard drive.
You can contact the author at: earmight@mail.com

Explanation:

This script will cause an image on your page to increase in size each time a viewer clicks on it.
When the viewer points away from the image (MouseOut), it returns to it's original size.

You need only make small changes to the IMG tag. For instance:

<img src="js/dog.jpg">

becomes

<img src="js/dog.jpg" onClick="bigger(this)" onMouseOut="orig_size(this)">

You can alter the amount of magnification per click by changing the "chg" variable (near the top of the script).
Take care not to make the "chg" variable too large as it can quickly take over the whole page
and you won't have room to MouseOut (to return the image to normal size).
Try Refreshing the page if this happens.

NOTE: As the image enlarges, it pushes everything else aside.
This could cause delay problems for a page with intensive graphics.
It could be avoided if the images are "absolutely positioned" on the page.