Wednesday, February 22, 2012

DOM image zoomer

 Demo   Download

Script Description :

What is this?
As you may have realized, this is an image magnifier. It's a completely rewritten version of the 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,
    if you click and DRAG TO THE RIGHT your mouse, the zoom window increases,
    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
    

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

No comments:

Post a Comment