大家都知道，在wordpress中外链图片是无法使用灯箱效果的；只有图片在媒体库里才默认支持灯箱特效，对于一些空间太小的虚拟主机用户来说是个很大的问题；速度也是个问题。博主自己研究了许久，终于...这个代码当然不是只有prettyPhoto灯箱适用。
这个代码需要结合《将图片灯箱代码集成到你的主题》这篇文章，这里的代码是集成灯箱插件后防止外链图片无灯箱效果才用的，集成方法不多说，看下面。
实现代码
/**
* 让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里可以让所有的图片都支持灯箱（包括外链图片）。。。
使用代码时你首先要确保你的主题集成了灯箱效果。
class='prettyPhoto_gall'//是灯箱的属性！可根据实际情况修改。
如果是fancybox则修改为 rel="fancybox"
其代码原理就是把wp文章中的每一张图片加上
class='prettyPhoto_gall' rel='prettyPhoto[gallery1]';'
这个代码只是为了手懒而做的，如果你嫌麻烦可以直接在写文章时设置即可，如图所示：
效果演示
Comments | 19 comments
我的天 大费周章才注册到账号0 0 :eek:
@Ran呵呵 :mrgreen:
支持老师
支持 :razz:
@dhf谢谢您对本站的支持
不错，学了了 :!:
博主，您这个所有是指您博客主题下的所有图片（含外链图片），还是所有wordpress主题下都支持灯箱。
@阿e任何主题，装有灯箱插件
@阿e是文章图片，但是你的主题必须集成灯箱效果
路过来 看一看
路过来 看一看
我来看看 :oops:
:?: :?: :?: :?:卡死了
@范呃呃 :wink:
评论一个
网站真不好登陆。。。。
评论速度好慢。。。
网站评论真坑爹 。。。。
@AZhi应该是cdn的问题 :eek: