Zoom Images using jQuery and MooTools
Posted on December 21, 2008, Filled under JQuery, JavaScript, 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
[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.
- 1 comment
Sponsors
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



One Reply to "Zoom Images using jQuery and MooTools"
October 16, 2009 at 5:56 PM
thanks a lot… its really help me too much