js和CSS3炫酷图片画廊插件

创客云


LGallery是一款非常炫酷的js图片画廊插件。LGallery采用响应式设计,支持手机移动端,可以快速的制作图片画廊、轮播图、lightbox等。

使用方法

在页面中引入lgallery.min.css和lgallery.min.js文件。

  1. <link rel="stylesheet" href="/path/to/lgallery.min.css">
  2. <script src="/path/to/lgallery.min.js"></script>

HTML结构

在一个div元素中添加data-attributes属性,取值可以是:lgallery, lgparent, lgslider, lgpreview 或者 lgcarusel

  1. <div class=example data-lgallery="img/1.jpg,img/2.jpg, img/3.jpg"></div>

初始化插件

然后通过initLG()来初始化该插件。

  1. initLG()

Github网址:https://github.com/mopcweb/LGallery

演示地址 免费下载
本文由 CityMall 整理发布如需转载,请注明出处:https://www.22vd.com/36734.html
云模板

发表评论