Hot!Ajax

  • Increase font size
  • Default font size
  • Decrease font size
  • default color
  • black color

Gsearch

Google
TJPzoom
User Rating: / 0
PoorBest 
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.

Comments (0)add comment

Write comment

busy
 
< Prev   Next >