网站实现图片弹出显示


模板不支持点击放大,图片字体过小,无法看清



点击之后变大

1.引用css

<link rel="stylesheet" type="text/css" href="https://www.pandasoda.cn/zoom/zoom.css">

2.引用js


<script src="https://www.pandasoda.cn/zoom/zoom.min.js" type="text/javascript"></script>


<script type="text/javascript">
        var setupContents = function () {
            $(".post-content img:not(article .link-box img, img[no-zoom])").each(function() {
                $(this).attr('data-action', 'zoom');
                if($(this).next().is('br')){
                    $(this).next().remove();
                }
            });

        };
 setupContents();
</script>
*打赏支持:支付宝/微信,请熊猫喝瓶肥宅快乐水吧!

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

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

标签: 无

精彩评论
  1. 分板机 分板机   Windows 7 x64 Edition Google Chrome 63.0.3239.132

    最喜欢技术贴了

  2. fykwater fykwater   Windows 7 x64 Edition Google Chrome 66.0.3359.181

    感谢博主,很好用

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

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

  3. 对了博主,那个友链名字微凉晨光,麻烦改成吃馒头的猫

发表评论: