网站实现图片弹出显示

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

网站实现图片弹出显示

点击之后变大

如何食用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 
*打赏支持:支付宝/微信,请熊猫喝瓶肥宅快乐水吧!

声明:本博客除特殊说明外,皆为原创内容,转载请注明来源!

强烈推荐:HK虚机自带CDN,宕机无缝切换   Vultr注册就有10$,可开4个月服务器

标签: 无

精彩评论
  1. ahxx ahxx   Windows 10 x64 Edition Firefox 66.0

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

    1. 熊猫 熊猫   Windows 10 x64 Edition Google Chrome 57.0.2987.98

      上传网站服务器引用即可

  2. 分板机 分板机   Windows 7 x64 Edition Google Chrome 63.0.3239.132

    最喜欢技术贴了

  3. fykwater fykwater   Windows 7 x64 Edition Google Chrome 66.0.3359.181

    感谢博主,很好用

    1. 熊猫 熊猫   Windows 10 x64 Edition Google Chrome 57.0.2987.98

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

  4. 熊猫 熊猫   Windows 10 x64 Edition Google Chrome 57.0.2987.98

    好的

发表评论: