一、zoomfiy.js

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

推薦可以從這里下載

使用說明：

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

二、zoomooz.js

推薦這里下載

使用說明：

 

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

 

以上兩個(gè)插件是我試過眾多插件中最好用最簡(jiǎn)單的，還有許多其他圖片放大插件，有興趣的朋友可以學(xué)習(xí)下。

比如：

swipebox

該插件好處：有具體的使用說明文檔，貌似是要給點(diǎn)擊的圖片加一個(gè)a標(biāo)簽，在a標(biāo)簽上加相應(yīng)的class。

zoom.js

該插件使用起來非常簡(jiǎn)單，直接給需要放大的圖片加一個(gè) data-action="zoom"即可，但是很多時(shí)候會(huì)報(bào)錯(cuò)：Cannot read property 'end' of undefined 和 Cannot read property '0' of undefined 

具體報(bào)錯(cuò)原因，目前還不明白，在本身項(xiàng)目結(jié)構(gòu)復(fù)雜的時(shí)候應(yīng)用最容易出現(xiàn)該錯(cuò)誤，導(dǎo)致圖片點(diǎn)擊出現(xiàn)一點(diǎn)小小的Bug.

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

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

fancybox

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

點(diǎn)擊這里有一些jquery插件推薦

當(dāng)前標(biāo)題：推薦兩款簡(jiǎn)單好用的圖片放大jquery插件
URL分享：http://www.aaarwkj.com/article44/gooshe.html

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

廣告

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