Zoom Images using jQuery and MooTools
Posted on December 21, 2008, Filled under JavaScript, MooTools, jQuery,
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
[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.
Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!
- December 21, 2008
- article by Gabriel C.
- 2 comments
Related Posts
Zoom Elements: ‘Anything Zoomer’ jQuery Pluginat July 20, 2009
Magnify Images using jQueryat July 20, 2009
Zoom Areas in Images: Free Flash Magnifying Glass Effectat July 28, 2009 with 1 comment
JS LightBoxes with Fancy Zoom Effectat July 10, 2009
Easily add Captions to your Images with jQuery and MooToolsat August 12, 2009



2 Replies to "Zoom Images using jQuery and MooTools"
October 16, 2009 at 5:56 PM
thanks a lot… its really help me too much
August 26, 2010 at 12:32 PM
High resolution zoom with image tiles: http://www.ajax-zoom.com