5月23日 西安 OSC 源創(chuàng)會開始報名啦，存儲、虛擬機、Docker 等干貨分享

設(shè)計電子商務(wù)網(wǎng)站必知的十款免費  jQuery 圖像縮放插件

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

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

EasyZoom

Demo | Download

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

zoom.js

Demo | Download

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

picZoomer

Demo | Download

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

jQuery Zoom

Demo | Download

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

WM Zoom

Demo |Download

WM Zoom 能夠在圖像中創(chuàng)建一個放大鏡，并在旁邊顯示其高清晰度的圖像。此外，它內(nèi)置一個變焦功能，當(dāng)你的鼠標(biāo)懸停在圖像上，能夠放大圖像。

BZoom

Demo |Download

BZoom 支持創(chuàng)建縮略圖導(dǎo)航，并支持鼠標(biāo)懸停時，在旁邊顯示特定區(qū)域的高清晰度圖像。

elevateZoom

Demo | Download

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

magnificent.js

Demo |Download

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

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

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

• 也支持鼠標(biāo)滾動來縮放圖片。

zoom.js

Demo |Download

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

magnify.js

Demo | Download

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

evenZoom

Demo | Download

evenZoom 是一個易于使用的  jQuery 插件，能夠在圖像內(nèi)部創(chuàng)建一個放大鏡效果。

Classy Loupe

Demo | Download

Classy Loupe 是 jQuery 插件，能夠?qū)⒐鈽?biāo)變成一個可自定義的相機鏡頭。鼠標(biāo)懸停時，用戶可以查看圖像特定部分的詳細(xì)信息。

bigpicture.js

Demo |Download

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

via：