一、zoomfiy.js

臨河網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)公司！從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、響應式網(wǎng)站設計等網(wǎng)站項目制作，到程序開發(fā)，運營維護。成都創(chuàng)新互聯(lián)公司自2013年起到現(xiàn)在10年的時間，我們擁有了豐富的建站經驗和運維經驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設就選成都創(chuàng)新互聯(lián)公司。

推薦可以從這里下載

使用說明：

使用該jquery 插件
引入該插件的js:zoomfiy.js 或 min
引入該插件的css:zoomfiy.css 或 min
前后順序都可
js里加入 調用插件的函數(shù) $('這里寫要放大的圖片').zoomify();
如果有ajax 新生成的圖片，要在ajax里再次調用一遍該函數(shù)。

二、zoomooz.js

推薦這里下載

使用說明：

 

這個插件有很多種 放大功能，可進行優(yōu)雅的縮放操作，特別適用相冊網(wǎng)站。這個圖片方法不是 單獨圖片跳脫出來的放大，而是點擊該圖片區(qū)域，這個區(qū)域的頁面整體放大，有時候會導致放的的區(qū)域不準的情況。點擊圖片其他部分可以回到要放大的內容之前的狀態(tài)，效果很炫酷。
必須引用一定有jquery和zoomooz.js
給要放大的元素加 class="zoomTarget"
即可實現(xiàn)簡單的放大功能，
如果實現(xiàn)更加復雜的功能，
要在他的父級等標簽上繼續(xù)加 不同的class ，加一些js ，具體參見說明文檔

 

以上兩個插件是我試過眾多插件中最好用最簡單的，還有許多其他圖片放大插件，有興趣的朋友可以學習下。

比如：

swipebox

該插件好處：有具體的使用說明文檔，貌似是要給點擊的圖片加一個a標簽，在a標簽上加相應的class。

zoom.js

該插件使用起來非常簡單，直接給需要放大的圖片加一個 data-action="zoom"即可，但是很多時候會報錯：Cannot read property 'end' of undefined 和 Cannot read property '0' of undefined 

具體報錯原因，目前還不明白，在本身項目結構復雜的時候應用最容易出現(xiàn)該錯誤，導致圖片點擊出現(xiàn)一點小小的Bug.

缺點：沒有幫助文檔，網(wǎng)上搜不到相關帖子

優(yōu)點：適用于簡單頁面的圖片放大，效果棒！

fancybox

該插件功能齊全，值得研究

點擊這里有一些jquery插件推薦

當前標題：推薦兩款簡單好用的圖片放大jquery插件
URL分享：http://www.chinadenli.net/article44/gooshe.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、軟件開發(fā)、搜索引擎優(yōu)化、品牌網(wǎng)站制作、網(wǎng)站排名、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)