qinyi素材网
当前位置: 首页 > jQuery素材 > FancyBox jQuery 灯箱插件素材
  时间: 2021-10-14   阅读:390

插件介绍

FancyBox是一款基于jquery开发的类Lightbox插件。支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽,该lightbox除了能够展示图片之外,还可以展示iframed内容, 通过css自定义外观。

简要教程

FancyBox是一款基于jquery开发的类Lightbox插件。支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽,该lightbox除了能够展示图片之外,还可以展示iframed内容, 通过css自定义外观。

使用方法

在html中引入css和js

<link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.css"
    />
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script>

HTML结构

<a
    href="https://lipsum.app/id/1/1024x768"
    data-fancybox="gallery"
    >
        <img src="https://lipsum.app/id/1/1024x768">
    </a>

成品展示

更多内容请参考fancyapps官网

上一篇: 下一篇: