给Wordpress增加一个FancyBox灯箱-初一小盏
给WordPress增加一个FancyBox灯箱
此内容为付费阅读,请付费后查看
5
立即购买
您当前未登录!建议登陆后购买,可保存购买订单
技术支持
一对一服务
安装调试
功能定制
付费阅读
已售 2

给WordPress增加一个FancyBox灯箱

众所周知,很多主题是没有图片灯箱效果的,所以一般大家都是使用插件来使用灯箱,今天教大家纯代码实现灯箱效果

图片[1]-给WordPress增加一个FancyBox灯箱-初一小盏

首先在header.php引入 jQueryFancyBox 文件引入位于 </head> 之前,jQuery部分主题引用过就不用再引入了

<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>

将下面的代码放入你主题下的 functions.php 文件中即可实现效果

7b2主题教程

首先,将functions代码里的data-fancybox=”images”删掉

前往b2主题目录,打开b2/Modules/Common/Post.php

找到大概103行左右,有个B2_DEFAULT_IMG,你也可以直接搜索B2_DEFAULT_IMG

在他的下面有这么一段代码

$v->setAttribute(
                    'class',
                    $v->getAttribute('class').' lazy'
                );

在他的下面新增一个

$v->setAttribute(
                        'data-fancybox',
                        'images'
                    );

OK,7b2完美兼容fancybox灯箱,有什么不懂的可以随时问我,我在森鹿语用户交流群全天在线

群号:783754655

© 版权声明
THE END
点赞15赞赏 分享
评论 共2条

请登录后发表评论