Categories:

Home / Free JavaScripts / Images & Music / Here

Cut & Paste Image zoom in/out

Credit: JavaScript Kit

Description: This is an impressive script that allows you to conveniently zoom in and out of an image. Functional in IE4+, NS6 and Opera 6+, the script does not push content around the image aside as it is zooming, unlike most similar scripts out there. You can even add the effect to multiple images on the same page!

Example:

Zoom In | Normal | Zoom Out

Directions

Step 1: Insert the below script to the <HEAD> section of your page:

Step 2: Add the below HTML block to display the images you wish to have the zoom functionality. You can insert multiple blocks (as shown below) to display multiple images:

You'll need to make some changes to the above HTML, such as specifying your image's dimensions, name, and src.

Have fun!


JavaScript Tools:
Site Info

CopyRight 1998-2012 JavaScript Kit. NO PART may be reproduced without author's permission.