想要实现点击图片可预览,能够切换下一张,能够放大和缩小,使用EZView.js这个插件即可,好用又简单。
文件下载地址: 链接:https://pan.baidu.com/s/1Cs9Kv_2GuNXhQq0KGdBJnA 提取码:hri8
实现方式在文件的head头中引入本文件和jquery文件即可:
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="./js/EZView.js"></script>
在想要预览图片的尾部增加对于ezview的调用,如图:
$("body").on("click","img",function(){
$("#EZView").remove();
$("img").EZView();
$(this).click();
});
注:这个必须放在页面的尾部,不能写在头部,就算增加$(function(){})也不行。
写到这里,你可能想就完成了,如果现在运行你就会发现根本不行,你打开console会看到他有一个报错。