Looking for zooming functionality of images for your next web project, here is the list of javascript image zoom scripts.
Magnifier
Magnifier.js is a Javascript library enabling magnifying glass effect on images. Features:
- Zoom in / out functionality using the 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 it’s loaded
Magnifier.js uses Event.js as a cross-browser event handling wrapper, which is available at Github and JSClasses.org
Elevate-Zoom
If you are looking for a seamless image zoom extension to work across desktop, tablet, and mobile that will integrate easily and straight into your store, then try the Magic Zoom Image zoom modules.
Elevate Zoom works best using two images, one low resolution for the visible image, and one high resolution for the zoomed image. If you only have one image available, Elevate Zoom will still work if you scale down the image, although this is not recommended as your page load time will increase if you are loading larger images
Please ensure your small image is proportionally scaled down from the large image.
Image Zoom
Image Zoom is a pure JavaScript library that provides an intelligent zoom experience on your web images. Inspired by Medium’s image zoom.
Features:
- Click to zoom
- Dismiss image zoom on scroll and/or click
EasyZoom
EasyZoom is an elegant, highly optimized jQuery image zoom and panning plugin based on the original work by Alen Grakalic. EasyZoom supports touch-enabled devices and is easily customizable with CSS.
Cloud Zoom
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.