Allow the user to zoom in or out on the page using links or buttons (anything that will accept an onClick event). If the js-cookie library is available, the zoom level is saved to a cookie. This saves visitors from having to reapply the zoom level on every page load.
Best jQuery Zoom Plugins & Tutorials with Demo
A simple jQuery plugin for image zooming – now with support for
object-position, powered by Velocity.js animations, complete with some pre-defined image cropping classes.
Zoomwall.js is a content-focused photo gallery using a horizontal masonry layout that scales up in lightbox mode.
A jQuery plugin for responsive zoom of images & more!
Magnify JS is a simple, lightweight jQuery plugin that adds a magnifying glass style zoom functionality to images. It is a useful feature to have for product images on ecommerce websites, or if you just want people to be able to zoom into an image without spawning additional overlays or popup windows that may cover your content.
OKZoom is a jQuery plugin that produces a portable loupe of variable size and shape. All other jQuery ‘zoom’ plugins we have encountered implement a square magnifying area. Ours is a circle.
Next-gen smooth zoom & pan for your photos and images.Uber Zoom uses many features that you would normally find in a native iOS or Android app to improve the user experience, like rubberbanding and intertia.
If you need to have a small preview of your image in the bottom left corner, you can enable that. The user will see a small window to navigate your image by dragging.
Annotator Pro comes with a fully featured editor that you can use to customize the plugin. Get instant previews and tweak the settings until it’s just right.If you image needs to have zooming, Annotator Pro deliveres incredibly natural, physics-based panning and zooming. No need to click buttons, just use your mouse.Give your users the option to take a closer look. With the editor you can enable fullscreen support for a fully immersive experience.
Today’s resource is a full-width header image, animated using the CSS3 scale property and jQuery to simulate a 3D zoom-out effect and reveal the main content of the page.