Table of Contents
- Zoom in / out functionality using mouse wheel
- Magnified image can be displayed in the lens itself or outside of it in a wrapper
- Attachment of user defined functions for thumbnail entering, moving and leaving and image zooming events
- Display loading text while the large image is loading, and switch to lens once its loaded
Cloud Zoom is a jQuery plugin comparable to commercial image zoom products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.
A small script for zooming IMG elements with the mousewheel/trackpad. Wheelzoom works by replacing the img element’s src with a transparent image, then using the original src as a background image, which can be sized and positioned. Wheelzoom is dependency free, doesn’t add any extra elements to the DOM, or change the positioning of the IMG element.
Image Power Zoomer
Some images are worth a closer look, which is why there’s Image Power Zoomer. It gives any image on your page the ability to be magnified when the mouse rolls over it. A “magnifying glass” that appears over the image lets the user zoom in on any portion of it as it follows the cursor around. Furthermore, the magnification power can be adjusted on the fly by turning the mouse wheel back or forth.
AnythingZoomer jQuery Plugin
You have a small area. You mouse over it. An area pops up giving you a zoomed in closer look. This is a AnythingZoomer jQuery Plugin that does it. I’m not going to tell you what you should use it for or elaborate use-case scenarios. Your own creativity can help you there.