Hot!Ajax

As you may have realized, this is an image magnifier. It's a completely rewritten version of my script tjpzoom, but still is in JavaScript / DOM :). If you move your mouse over the picture, you can see a little zoom window with a magnified version of a part of the picture in it.

• If you click and DRAG UPWARDS your mouse, the zoom ratio increases,
• if you click and DRAG DOWNWARDS your mouse, the zoom ratio decreases,
• NEW! if you click and DRAG TO THE RIGHT your mouse, the zoom window increases,
• NEW! and if you click and DRAG TO THE LEFT your mouse, the zoom window decreases.

And since this is a new version, there are some new features:

• Has transparent drop shadow! Wow! (Works in IE6 too!)
• Faster! (a bit)
• Works on IE7 (and on every major browser)
• Much cleaner code for you to insert
• You can change the relative position of your zoom box

As far as I know, the script is compatible with the major browsers:

• Internet Explorer 6, 7
• Firefox 2
• Opera (I have 8.54, hope it works on newer versions too)
• Safari 2
• Konqueror 3.5.6

 

TJPzoom by Janos Pal Toth

DEMO and tutorial

Download：TJPzoom - Open Source Image Magnifier in Javascript (96.19 kB)

License：Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

< Prev		Next >