没有图片灯箱效果的,所以一般大家都是使用插件来使用灯箱,插件或多或少都会拉低网站速度,唔,还是不推荐大家使用灯箱插件,这里我整理了全代码集成FancyBox灯箱,摆脱无用插件,集成 FancyBox 灯箱效果应用到你的主题或网页中是很好的选择,因为它不需要额外的插件,从而减少对网站性能的影响。

首先在header.php引入 jQuery 和 FancyBox 文件引入位于 之前

<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>

将上面的代码放入你网页或主题网站文件中即可实现效果

灯光演示:https://blog.hzyo.cn/bz.html

分类: 技术教程 标签: 教程

评论

全部评论 1

  1. 随机
    随机
    Google Chrome Android
    支持

目录