[前言]
Fancybox
是终极 JavaScript 灯箱替代品,为多媒体显示中的优质用户体验树立了标准,使用 TypeScript 编写,无需任何外部依赖,支持查看图像、视频、地图、内联内容、iframe 和任何其他 HTML 内容
[版本]
v5.0
[过程]
1、安装fancybox
可以选择npm/cdn/手动方式进行安装,这里介绍通过cdn安装
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css" />
2、实例化fancybox
代码
# 添加 Fancybox JS 文件后,将代码粘贴到页面的任何位置 Fancybox.bind("[data-fancybox]", { // Your custom options });
3、更多方法和自定义参数,可查看官网教程
[下载]