Jquery 圖像縮放插件不僅簡單易用，而且還能夠給予用戶更好的體驗。你只需要在圖像或產品上移動鼠標，你將看到圖片或產品的詳細信息。

今天，我們來分享一些 jQuery 圖像縮放插件。事實上，圖像縮放是很多在線購物網站最基本的組成部分。如果你是開發人員，你想在網站中使用圖像縮放功能的話，推薦你使用下面十款  jquery 圖像縮放插件。你可以根據需要，選擇任意你想要的圖像縮放插件，而且還免費哦。

EasyZoom

Demo | Download

EasyZoom 是一個 jQuery 圖像縮放和平移插件。它支持觸摸屏設備，且能用 CSS 來設計你想要的效果。

 

zoom.js

Demo | Download

zoom.js 是一款靈巧的 jQuery 圖像縮放插件。點擊圖片，即可放大／縮小你的圖片。更有趣的是，只要你滾動圖片即可查看過去瀏覽過的圖片。

 

picZoomer

Demo | Download

picZoomer 是一個非常小的 jQuery 插件，通過鼠標懸停放大圖像，同時支持縮略圖實現導航。你可以在電子商務網站使用該插件創建一個產品瀏覽頁面，它允許訪問者通過縮略圖查看產品的的不同照片，且支持單獨放大照片。
 

 

jQuery Zoom

Demo | Download

jQuery Zoom 是一個易于使用的 jQuery 圖像縮放插件，你可以通過點擊鼠標、抓取動作和切換動作來實現縮放圖像。

 

WM Zoom

Demo | Download

WM Zoom 能夠在圖像中創建一個放大鏡，并在旁邊顯示其高清晰度的圖像。此外，它內置一個變焦功能，當你的鼠標懸停在圖像上，能夠放大圖像。

 

BZoom

Demo | Download

BZoom 支持創建縮略圖導航，并支持鼠標懸停時，在旁邊顯示特定區域的高清晰度圖像。

 

elevateZoom

Demo | Download

Elevate Zoom 提供了兩種圖像縮放模式，一個低分辨率的可見光圖像和一個高分辨率縮放的圖像。且它支持縮略圖導航，同時支持鼠標懸停時放大圖像。

 

magnificent.js

Demo | Download

magnificent.js 是一個簡單的響應式插件，能夠提供兩種縮放模式：

• 模式 1: 內部縮放。 懸停時在圖像內部顯示放大后的圖像。

• 模式 2: 外部縮放。顯示放大鏡玻璃效果，以展示圖像的特定部分。

• 也支持鼠標滾動來縮放圖片。

 

zoom.js

Demo | Download

zoom.js 通過點擊圖片，快速實現圖像縮放。且放大后的圖像能夠隱藏文字和其他信息，以保證用戶只看到放大后的圖像，而不看到其他信息。圖片放大后，點擊 [esc] 可恢復圖片原始模樣。此外，如果你按住花鍵(⌘)，圖片將在新的選項中打開。
 

magnify.js

Demo | Download

magnify.js 是一款極小的 jQuery 插件，能夠放大電子商務網站中的圖片。
 

evenZoom

Demo | Download

evenZoom 是一個易于使用的  jQuery 插件，能夠在圖像內部創建一個放大鏡效果。

 

Classy Loupe

Demo | Download

Classy Loupe 是 jQuery 插件，能夠將光標變成一個可自定義的相機鏡頭。鼠標懸停時，用戶可以查看圖像特定部分的詳細信息。

 

bigpicture.js

Demo | Download

bigpicture.js 允許無限平移和縮放 HTML 頁面。

via：thegeekzum.com