10+ 个实用免费的jQuery图片放大插件

xm52 9年前

10+ Useful Free jQuery Image zoom Plugins 

EasyZoom

10+ 个实用免费的jQuery图片放大插件

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

10+ 个实用免费的jQuery图片放大插件

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

10+ 个实用免费的jQuery图片放大插件

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

10+ 个实用免费的jQuery图片放大插件

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

10+ 个实用免费的jQuery图片放大插件

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

10+ 个实用免费的jQuery图片放大插件

Demo | Download

BZoom is a jQuery plugin lets you create a product viewer with a magnifying glass style image zoom functionality on hover.

elevateZoom

10+ 个实用免费的jQuery图片放大插件

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

10+ 个实用免费的jQuery图片放大插件

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

10+ 个实用免费的jQuery图片放大插件

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

10+ 个实用免费的jQuery图片放大插件

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

10+ 个实用免费的jQuery图片放大插件

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

10+ 个实用免费的jQuery图片放大插件

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

10+ 个实用免费的jQuery图片放大插件

Demo | Download

bigpicture.js is a library that allows infinite panning and infinite zooming in HTML pages.