正文

html查看大图插件fancybox

html  web  js  img 

[前言]


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、更多方法和自定义参数,可查看官网教程

[下载]


下载链接

本站不直接提供下载,所有下载链接均为第三方

fancybox官网

fancybox github

评论
还没有评论
留言