【WordPress教程】B2-如何添加fancybox画廊支持

转自https://www.affme.cn/2700.html

在 后台-》主题设置-》 底部自定义代码区域

添加下方代码,直接复制粘贴就行了,懂代码的也可以自己改改,很简单的

fancybox3中文文档 : https://kangkai124.github.io/fancybox/

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<link href="https://cdn.bootcss.com/fancybox/3.5.7/jquery.fancybox.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/fancybox/3.5.7/jquery.fancybox.js"></script>
<script>
var siteTitle = document.title;
$(".entry-content img").each(function () {
var alt = this.alt;
var src = this.src;
if (!alt) {
$(this).attr("alt", siteTitle);
}
$(this).wrap("<a href='"+ src +"' data-fancybox='group' data-caption='"+ siteTitle +"' title='"+ siteTitle +"'></a>");
});
$('[data-fancybox]').fancybox({
buttons: ["slideShow","zoom","fullScreen","thumbs","close"],
transitionEffect: "zoom-in-out",
protect: true
});
</script>

至于隐藏内容加载后无反应的问题,照下面图上改改,再绑定一遍就行了

给TA买糖
共{{data.count}}人
人已赞赏
WordPress教程

【WordPress】B2-在文章列表左上角添加一个批量设置下载权限的选项

2021-4-12 20:29:46

WordPress教程

【WordPress教程】在文章列表左上角添加一个批量设置下载权限的选项-适用于B2主题

2021-5-13 16:53:40

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索