RSS Feed for This Post

JavaScript and CSS Image Zoomer


rfid news

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

Source and Download : http://valid.tjp.hu/tjpzoom/

1,141 Read

Trackback URL