LGallery是一款非常炫酷的js图片画廊插件。LGallery采用响应式设计,支持手机移动端,可以快速的制作图片画廊、轮播图、lightbox等。
使用方法
在页面中引入lgallery.min.css和lgallery.min.js文件。
<link rel="stylesheet" href="/path/to/lgallery.min.css"> <script src="/path/to/lgallery.min.js"></script>
HTML结构
在一个div
元素中添加data-attributes
属性,取值可以是:lgallery, lgparent, lgslider, lgpreview 或者 lgcarusel
<div class=example data-lgallery="img/1.jpg,img/2.jpg, img/3.jpg"></div>
初始化插件
然后通过initLG()
来初始化该插件。
initLG()
LGallery图片画廊插件的github网址为:https://github.com/mopcweb/LGallery