jQuery很強(qiáng)大，你可以使用它來(lái)實(shí)現(xiàn)任何你想要實(shí)現(xiàn)的效果。今天為大家推薦一些圖像縮放效果插件。

1. Zoomer Gallery

該插件可以將你的圖片列表轉(zhuǎn)換成漂亮的畫(huà)廊，這個(gè)畫(huà)廊帶有像Flash一樣縮放圖片的效果。Zoomer Gallery 插件令你的界面看起來(lái)簡(jiǎn)單美觀。它的大小為2KB，使用起來(lái)非常方便。




2. Jcrop

使用Jcrop可以輕松為Web應(yīng)用程序添加截圖功能，Jcrop結(jié)合了輕便的jQuery插件和強(qiáng)大的跨平臺(tái)DHTML裁剪工具。




3. jQuery gzoom 插件

該插件是一個(gè)很好用的圖像縮放插件，有很多縮放功能的實(shí)現(xiàn)方式：點(diǎn)擊“+”“-”按鈕、拖動(dòng)滑塊、滾動(dòng)鼠標(biāo)滾輪、鼠標(biāo)懸停改變鏡頭、點(diǎn)擊圖片即在燈箱模式下顯示，等等。




4. 懸?？s放

該插件可用于創(chuàng)建懸?？s放效果，將鼠標(biāo)停在圖片上時(shí)，圖片縮放的同時(shí)會(huì)顯示標(biāo)簽。這是一個(gè)非常時(shí)尚的效果，令縮略圖更加精美。




5. 使用jQuery創(chuàng)建一個(gè)圖像放大和裁剪效果

這個(gè)視頻教程是關(guān)于怎樣創(chuàng)建一個(gè)圖片縮放效果的。在圖中選擇一個(gè)區(qū)域，則會(huì)自動(dòng)按比例將選中部分放大顯示。




6. AnythingZoomer jQuery 插件

這是一個(gè)很棒的插件，適用于小范圍查看圖片。當(dāng)你的鼠標(biāo)停在圖片上方時(shí)，會(huì)彈出一個(gè)框呈現(xiàn)放大后的圖像。




7. JQZoom

這是一個(gè)JavaScript圖片放大鏡，基于jQuery/JavaScript，這個(gè)簡(jiǎn)單的腳本可以讓你放大任何想查看內(nèi)容。




8. jQuery Cycle插件

該插件支持許多不同的切換效果，比如鼠標(biāo)懸停暫停、自動(dòng)停止、自動(dòng)調(diào)整、開(kāi)始和結(jié)束事件調(diào)用、點(diǎn)擊觸發(fā)等等，簡(jiǎn)單又神奇！




9. Crop、labelOver和pluck插件

通過(guò)Crop插件，可以讓網(wǎng)站訪問(wèn)者進(jìn)行自定義截圖，另外兩個(gè)插件labelOver和pluck也支持這項(xiàng)功能。




10. ImgAreaSelect

這個(gè)jQuery插件可以讓你在圖片上選擇一個(gè)矩形區(qū)域。




11. PHP & jQuery 圖像上傳與裁剪插件

該插件允許用戶(hù)上傳和截取你網(wǎng)站上的圖片。




12. PANVIEW

該插件能讓用戶(hù)查看大圖的細(xì)節(jié)部分，還可用鼠標(biāo)移動(dòng)圖片。




13. Image Zoom 2.0

該插件允許將鏈接指向圖片，點(diǎn)擊鏈接或圖片時(shí)，圖片會(huì)放大成為目標(biāo)圖片，點(diǎn)擊該圖片的任意地方或關(guān)閉按鈕即可恢復(fù)圖片。




14. jQuery拍照效果插件

該插件可以實(shí)現(xiàn)模擬拍照的效果。使用取景器選擇需要拍照的圖片區(qū)域并點(diǎn)擊，即可在下方顯示此“照片”。




15. jQuery iviewer

該插件可用于加載和查看容器中的圖片，還可對(duì)圖片進(jìn)行縮放以及用鼠標(biāo)拖動(dòng)。




16. 平滑縮放插件

該插件創(chuàng)建的縮放效果就像Mac電腦中的效果一樣平滑，也有些類(lèi)似于Safari的網(wǎng)頁(yè)縮放效果。




英文原文：http://smashinghub.com/16-best-image-zoom-effects-with-jquery-plugins.htm

該文章在 2012/3/12 14:18:02 編輯過(guò)