马春杰杰 Exit Reader Mode

[mcj]wordpress 图片自动加链接到原图

为了启动灯箱效果,需要给图片加<a>,如果图片多的话会非常麻烦,并且如果之前有很多图片没有加,自己手动加的话

所以,为了解决这个问题,可以自动添加图片的连接到原图。

步骤:

打开主题目录的header.php,然后添加:

<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 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!