JavaScript / CSS / DOM image zoomer - TJPzoom 3
JavaScript / CSS / DOM image zoomer - TJPzoom 3CSS, Javascript, ImageJune 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 insertYou can change the relative position of your zoom box
The script is compatible with the major browsers:
Internet Explorer 6, 7Firefox 2Opera (I have 8.54, hope it works on newer versions too)Safari 2Konqueror 3.5.6 (Jan says so, can you verify it?)
http://valid.tjp.hu/tjpzoom/index_en.html
cgitop.com
Explore posts in the same categories: CSS