|
Saturday, 29 March 2008 |
|
|
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.
|