说明:使用typecho过程中,我的组件库包含了灯箱功能。当我需要它的时候,我发现并不能直接一个class就行的。需要一个按钮才能实现。然而还不会正则,想方设法就用到了js脚本。

代码

<script type="text/javascript">
$('img').wrap(function () {
return '<a href="' + this.src + '" title="' + this.alt + '"></a>';
});
</script>

原img地址

<img src="https://cdn.jsdelivr.net/gh/guugg/pic@master/20171231/1.jpg" alt="请输入图片描述" title="请输入图片描述">

使用之后

<a data-toggle="lightbox" href="https://cdn.jsdelivr.net/gh/guugg/pic@master/20171231/1.jpg" title="请输入图片描述" data-lightbox-group="group1578069861247" data-group-index="0">
<img src="https://cdn.jsdelivr.net/gh/guugg/pic@master/20171231/1.jpg" alt="请输入图片描述" title="请输入图片描述">
</a>

根据JS后生成的代码,然后简单修改下就能完成了

最后修改:2020 年 01 月 04 日 12 : 51 AM
如果觉得我的文章对你有用,请随意赞赏