超簡單檢視大圖js外掛，附下載連結
阿新 • • 發佈：2018-12-31
原文地址：http://www.itoak.cn/archives/301
在平時的網頁開發中，經常會需要放大圖片，檢視詳情。網上也有很多類似的外掛，功能很多，很強大，但很多功能都是不需要的。所以自己就寫了一個簡單的圖片放大外掛，分享出來。
先看張效果圖：點選預覽
這個外掛沒有額外的功能，只有兩個檔案wangImgEnlarge.js、wangImgEnlarge.css，總體大小隻有3k，但需要依賴jquery，下面簡單介紹一下如何使用。
用最簡單的html程式碼展示：
<html> <head> <link href="css/wangImgEnlarge.css" rel="stylesheet"> </head> <body> <img src="img/122.jpg"/> <script src="js/jquery.min.js"></script> <script src="js/wangImgEnlarge.js"></script> </body> </html>
從程式碼可以看出，僅僅只需要引入以上三個檔案就可以使用了。但是要注意的是：因為wangImgEnlarge.js使用了jquery，所以jquery.min.js需要放在wangImgEnlarge.js的前面；js檔案需放在<body></body>之間
很顯然，該外掛有一個小缺點，那就是頁面上所有img標籤都會有這個點選放大效果，介於目前需求比較簡單，我就沒做selector區別。
下載連結：https://pan.baidu.com/s/1mAal3K58DZzw0xAyijG9Vw 密碼：w394