大家都知道，在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
7XINOX7.jpg)
.gif)
