Jquery 圖像縮放插件不僅簡單易用,而且還能夠給予用戶更好的體驗。你只需要在圖像或產(chǎn)品上移動鼠標,你將看到圖片或產(chǎn)品的詳細信息。
今天,我們來分享一些 jQuery 圖像縮放插件。事實上,圖像縮放是很多在線購物網(wǎng)站最基本的組成部分。如果你是開發(fā)人員,你想在網(wǎng)站中使用圖像縮放功能的話,推薦你使用下面十款 jquery 圖像縮放插件。你可以根據(jù)需要,選擇任意你想要的圖像縮放插件,而且還免費哦。
EasyZoom
Demo | Download
EasyZoom 是一個 jQuery 圖像縮放和平移插件。它支持觸摸屏設備,且能用 CSS 來設計你想要的效果。
zoom.js
Demo | Download
zoom.js 是一款靈巧的 jQuery 圖像縮放插件。點擊圖片,即可放大/縮小你的圖片。更有趣的是,只要你滾動圖片即可查看過去瀏覽過的圖片。
picZoomer
Demo | Download
picZoomer 是一個非常小的 jQuery 插件,通過鼠標懸停放大圖像,同時支持縮略圖實現(xiàn)導航。你可以在電子商務網(wǎng)站使用該插件創(chuàng)建一個產(chǎn)品瀏覽頁面,它允許訪問者通過縮略圖查看產(chǎn)品的的不同照片,且支持單獨放大照片。
jQuery Zoom
Demo | Download
jQuery Zoom 是一個易于使用的 jQuery 圖像縮放插件,你可以通過點擊鼠標、抓取動作和切換動作來實現(xiàn)縮放圖像。
WM Zoom
Demo | Download
WM Zoom 能夠在圖像中創(chuàng)建一個放大鏡,并在旁邊顯示其高清晰度的圖像。此外,它內(nèi)置一個變焦功能,當你的鼠標懸停在圖像上,能夠放大圖像。
BZoom
Demo | Download
BZoom 支持創(chuàng)建縮略圖導航,并支持鼠標懸停時,在旁邊顯示特定區(qū)域的高清晰度圖像。
elevateZoom
Demo | Download
Elevate Zoom 提供了兩種圖像縮放模式,一個低分辨率的可見光圖像和一個高分辨率縮放的圖像。且它支持縮略圖導航,同時支持鼠標懸停時放大圖像。
magnificent.js
Demo | Download
magnificent.js 是一個簡單的響應式插件,能夠提供兩種縮放模式:
-
模式 1: 內(nèi)部縮放。 懸停時在圖像內(nèi)部顯示放大后的圖像。
-
模式 2: 外部縮放。顯示放大鏡玻璃效果,以展示圖像的特定部分。
-
也支持鼠標滾動來縮放圖片。
zoom.js
Demo | Download
zoom.js 通過點擊圖片,快速實現(xiàn)圖像縮放。且放大后的圖像能夠隱藏文字和其他信息,以保證用戶只看到放大后的圖像,而不看到其他信息。圖片放大后,點擊 [esc] 可恢復圖片原始模樣。此外,如果你按住花鍵(⌘),圖片將在新的選項中打開。
magnify.js
Demo | Download
magnify.js 是一款極小的 jQuery 插件,能夠放大電子商務網(wǎng)站中的圖片。
evenZoom
Demo | Download
evenZoom 是一個易于使用的 jQuery 插件,能夠在圖像內(nèi)部創(chuàng)建一個放大鏡效果。
Classy Loupe
Demo | Download
Classy Loupe 是 jQuery 插件,能夠將光標變成一個可自定義的相機鏡頭。鼠標懸停時,用戶可以查看圖像特定部分的詳細信息。
bigpicture.js
Demo | Download
bigpicture.js 允許無限平移和縮放 HTML 頁面。
via:thegeekzum.com