我们新增Dark Mode(暗模式),(只是在晚上)可以改变MAC OS&Windows系统的暗模式实现切换;安卓和苹果手机是一样的。
WordPress

WordPress外链图实现prettyPhoto灯箱效果

gyue2345·2015-02-27·311 次阅读··

   2015-02-27 16:33 LJY2345    19 条评论   隐藏边栏   黑色模式    311 
   评分 0 次,平均分 0.0    19 条评论   隐藏边栏   黑色模式
[收起] 文章目录

大家都知道,在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]';'
这个代码只是为了手懒而做的,如果你嫌麻烦可以直接在写文章时设置即可,如图所示:
WordPress外链图实现prettyPhoto灯箱效果

效果演示

 

WordPress外链图实现prettyPhoto灯箱效果

WordPress外链图实现prettyPhoto灯箱效果

赞赏

除特别注明外,本站所有文章均为LJY IT BLOG原创,转载请注明出处来自https://www.ljy2345.com/2015/02/wordpress-external-link-diagram-realizes-prettyphoto-light-box-effect/

博 主作者: 关注:6    粉丝:1最后编辑于:2022年9月5日
LJY IT BLOG的站长。

扫一扫打赏

支付宝扫一扫打赏

微信扫一扫打赏

view comments - 19 comments

Comments | 19 comments

🌙
😃

切换注册
忘记密码 ?

×

您也可以使用第三方帐号快捷登录

切换登录

×
扫一扫二维码分享
下载海报
  切换主题 | SCHEME TOOL