给网页或主题增加一个 – FancyBox灯箱
没有图片灯箱效果的,所以一般大家都是使用插件来使用灯箱,插件或多或少都会拉低网站速度,唔,还是不推荐大家使用灯箱插件,这里我整理了全代码集成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>
将上面的代码放入你网页或主题网站文件中即可实现效果
版权申明
本文系作者 @平凡 原创发布在平凡博客站点。未经许可,禁止转载。
全部评论 1
随机
Google Chrome Android