该js插件可用于点击网页中任何图片后放大查看,且设置有遮罩层,防止误触,使用简便,代码构造简单,若不满足项目需求可根据自身项目要求对代码进行修改。
版本
v1:
-
引入jquery-x-x.js(jquery任意版本皆可)及easyViewImg.js文件;
-
引入文件后运行方法
easyViewImg(classNameArr,expandWidthParam,expandHeightParam)
即可,下面对执行方法的参数进行说明:
- classNameArr: 需要执行放大查看的图片的class名称,若不填则传入空值或null,表明对页面中所有标签为img的图片执行方法,若传入一个参数(eg: 'img1')则仅对该图片执行方法,若传入的为数组(eg:['img1','img2','img3'...])则对数组中每一个图片执行方法。
- expandWidthParam:图片放大参数,设置该参数即表明将图片的宽度放大的倍数,不可为负数,默认为1.5倍。
- expandHeightParam:图片放大参数,设置该参数即表明将图片的高度放大的倍数,不可为负数,默认为1.5倍。
tips:若图片放大后长度或宽度大于屏幕长宽的80%,则会将图片的长或宽度取屏幕长或宽度的80%,另一个长或宽度自适应后放大,让图片在不失真的情况下展示出来。