为了启动灯箱效果,需要给图片加<a>,如果图片多的话会非常麻烦,并且如果之前有很多图片没有加,自己手动加的话
所以,为了解决这个问题,可以自动添加图片的连接到原图。
步骤:
打开主题目录的header.php,然后添加:
|
1 2 3 4 5 6 7 8 9 |
<script type="text/javascript"> $(function() { $('.article-content img').each(function(i){ if (! this.parentNode.href) { $(this).wrap("<a href='"+this.src+"' class='highslide-image' onclick='return hs.expand(this);'></a>"); } }); }); </script> |
注意:
这里需要注意的是,.article-content是根据你自己的主题来确定的。你需要更改为主题正文的css样式才可以。我的样式是.article-content,大家不要乱套哦。

马春杰杰



最新评论
站长您好,亚马逊云咨询推广资源,望建立联系,可邮件,谢谢。
换友情链接吗?
看你的站做的挺不错的
恭喜!!太强了,硕博连读啊
雁过留毛,人过留名。
看不懂但大受震撼
每天都在战争,希望2026和平.
ZeroTier 看过多篇帖子,目前群辉、飞牛os、win11 、安卓、ubuntu ≥18.04 顺利通过,这篇相对于简单 实用、特来感谢 🙄