网站实现图片弹出显示

网站实现图片弹出显示
模板不支持点击放大,图片字体过小,无法看清

网站实现图片弹出显示

点击之后变大

如何食用zoom呢? 第一步,引用zoom.css和引用zoom.js
<link href="css/zoom.css" rel="stylesheet">
<script src="js/zoom.js"></script>
zoom需要transition.js支持,引用
<script src="js/transition.js"></script>
最后在需要弹出放大的图片带上data-action="zoom"
<img src="img/blog_post_featured.png" data-action="zoom">
代码下载: https://pan.baidu.com/s/18xN-wbyyywmOBGtqGLY7Fw 提取码: h9x8 
声明:本博客除特殊说明外,皆为原创内容,转载请注明来源!

评论

5 条

博主大大,请问js根CSS引用到哪里

回复 ·

熊猫 作者

上传网站服务器引用即可

回复 ·

最喜欢技术贴了

回复 ·

fykwater

感谢博主,很好用

回复 ·

熊猫 作者

麻烦,将资源下拉本地引用,小站流量不多。

回复 ·

添加新评论