100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 实现图片预览 可切换可放大缩小

实现图片预览 可切换可放大缩小

时间:2023-02-18 18:50:17

相关推荐

实现图片预览 可切换可放大缩小

想要实现点击图片可预览,能够切换下一张,能够放大和缩小,使用EZView.js这个插件即可,好用又简单。

文件下载地址: 链接:/s/1Cs9Kv_2GuNXhQq0KGdBJnA 提取码:hri8

实现方式在文件的head头中引入本文件和jquery文件即可:

<script src="/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会看到他有一个报错。

还需要做最后一步,是对img标签增加alt属性,至于具体的值就不用太在意了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。