大家都知道,在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