为了启动灯箱效果,需要给图片加<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
,大家不要乱套哦。
本文最后更新于2019年6月2日,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!