JavaScript / CSS / DOM image zoomer - TJPzoom 3
CSS, Image, Javascript June 24th, 2007

What is this?
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. But there is more:
- 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 increases.
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
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 (Jan says so, can you verify it?)