10+ 个实用免费的jQuery图片放大插件
10+ Useful Free jQuery Image zoom Plugins
EasyZoom
Demo | Download
EasyZoom is an elegant, highly optimised jQuery image zoom and panning plugin based on the original work by Alen Grakalic. EasyZoom supports touch-enabled devices and is easily customisable with CSS.
zoom.js
Demo | Download
zoom.js is a smart jQuery image zoom plugin that enlarges / shrinks your images in place on click, as you seen on Medium.com. You can click anywhere to exit the zoomed state or, more interestingly, just scroll away as if you were continuing past the image.
picZoomer
Demo | Download
picZoomer is a very small jQuery plugin that adds zoom on hover functionality for your photos with support for thumbnail navigation. You can use the plugin in your e-commerce website to create a product viewer which allows the visitor to navigate between product pictures with an image hover zoom functionality.
jQuery Zoom
Demo | Download
jQuery Zoom is a simple and easy-to-use jQuery zoom plugin that enlarge your images on mouse over, grab, click or toggle.
WM Zoom
Demo | Download
WM Zoom is a jQuery plugin that creates a magnifier overlay on top of your image and displays the high definition version beside it. Also provides a config to provide inner zoom functionality as you mouse hover the image.
BZoom
Demo | Download
BZoom is a jQuery plugin lets you create a product viewer with a magnifying glass style image zoom functionality on hover.
elevateZoom
Demo | Download
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.
magnificent.js
Demo | Download
magnificent.js is a simple, smooth, responsive jQuery image zoom plugin that provides two modes to magnify or zoom in on an image:
- Mode 1: Inner Zoom. Shows your image in a larger size on hover.
- Mode 2: Outer Zoom. Shows a magnifier glass effect to display specific part of the image.
- Also supports scroll to zoom with mouse wheel in both modes.
zoom.js
Demo | Download
It’s the best way to zoom an image. It transitions/zooms in really smoothly, and then when you’re done, scrolls away, [esc] keys away, clicks away… clean af. Also, now if you hold your meta key (⌘
), it will open in a new tab.
magnify.js
Demo | Download
magnify.js is a tiny and simple-to-use jQuery plugin for creating a nice magnifying glass effect to magnify product images on your E-commerce websites.
evenZoom
Demo | Download
evenZoom is a simple-to-use jQuery plugin that creates a magnifying glass effect to provide inner zoom functionality on your image.
Classy Loupe
Demo | Download
Classy Loupe is a jQuery plugin that turns the cursor into a fully customizable a camera lens so that the visitor can view the details of a specific part of your image when mouse hover.
bigpicture.js
Demo | Download
bigpicture.js is a library that allows infinite panning and infinite zooming in HTML pages.