网站实现图片弹出显示





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



点击之后变大

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

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

标签: 无

精彩评论
  1. fykwater fykwater   Windows 7 x64 Edition Google Chrome 66.0.3359.181

    感谢博主,很好用

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

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

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

发表评论: