Zoom Images using jQuery and MooTools

Posted on December 21, 2008, under JavaScript, jQuery, MooTools,  Bookmark it

JQZoom is a JavaScript image magnifier built using the popular library JQuery. It works on all modern browsers: IE 6+, Mozilla Firefox 2+, Google Chrome 1.0, Safari 2+, Opera 9+.

Features

  • Standard zoom
  • Reverse zoom
  • Zoom without lens and title
  • Custom positioning the jqzoom window
  • Fade out effect while hiding
  • Fixed IE6- select box bug

jquery-zoom

[Go to Project Page | View Demos]

MooTools 1.2 image zoom is a script that displays a thumbnail with a selected region in it which is magnified and showed next to the thumbnail. Besides the small image, the original image is needed. Both have to be proportional in size. For example, if the thumbnail has a size of 100 x 300, the big image has to have a size of 400 x 1200 or similar (the ratio should be kept). The JS file is structured as a class and all CSS styles are mainly external.

mootools-zoom

[Go to Homepage | View Demo]

Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!

Get our RSS Feed!

2 Replies to "Zoom Images using jQuery and MooTools"

  1. thanks a lot… its really help me too much :)

  2. High resolution zoom with image tiles: http://www.ajax-zoom.com

Leave a Reply


* = required fields

  (will not be published)


XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Note: If you want to post CODE Snippets, please make them postable first!
(e.g. <br /> should be converted to &lt;br /&gt;)