大家都知道，在wordpress中外链图片是无法使用灯箱效果的；只有图片在媒体库里才默认支持灯箱特效，对于一些空间太小的虚拟主机用户来说是个很大的问题；速度也是个问题。博主自己研究了许久，终于...这个代码当然不是只有prettyPhoto灯箱适用。
这个代码需要结合《将图片灯箱代码集成到你的主题》这篇文章，这里的代码是集成灯箱插件后防止外链图片无灯箱效果才用的，集成方法不多说，看下面。
实现代码
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
/** * 让wordpress文章的所有图片支持灯箱 * 代码来自：LJY IT Blog * 原文地址：https://www.ljy2345.com/1249.html */ <script;type="text/javascript"> $(function();{ $('.single-text;img').each(function(i){ if;(!;this.parentNode.href);{ $(this).wrap("<a;href='"+this.src+"';class='prettyPhoto_gall';rel='prettyPhoto[gallery1]';'></a>"); } }); }); </script> |
使用说明
加到head.php或footer.php里可以让所有的图片都支持灯箱（包括外链图片）。。。
使用代码时你首先要确保你的主题集成了灯箱效果。
|
1 |
class='prettyPhoto_gall'//是灯箱的属性！可根据实际情况修改。 |
如果是fancybox则修改为 rel="fancybox"
其代码原理就是把wp文章中的每一张图片加上
|
1 |
class='prettyPhoto_gall' rel='prettyPhoto[gallery1]';' |
。这个代码只是为了手懒而做的，如果你嫌麻烦可以直接在写文章时设置即可，如图所示：
效果演示
除特别注明外，本站所有文章均为LJY IT BLOG原创，转载请注明出处来自https://www.ljy2345.com/1249.html
关于作者：Gyue2345
扫一扫打赏
支付宝扫一扫打赏
7XIN%7BOX7.jpg)
微信扫一扫打赏
.gif)
网站评论真坑爹 。。。。
@AZhi应该是cdn的问题
评论速度好慢。。。
网站真不好登陆。。。。
评论一个
@范呃呃
我来看看
路过来 看一看
路过来 看一看
博主，您这个所有是指您博客主题下的所有图片（含外链图片），还是所有wordpress主题下都支持灯箱。
@阿e任何主题，装有灯箱插件
@阿e是文章图片，但是你的主题必须集成灯箱效果
不错，学了了
支持
@dhf谢谢您对本站的支持
支持老师
我的天 大费周章才注册到账号0 0
@Ran呵呵