lgallery.js全屏图片幻灯片插件,LGallery采用响应式设计,css3和js插件都是封装好的,支持手机移动端,可以快速的制作图片画廊、轮播图、lightbox等。
使用方法
1、head引入css文件
<link rel="stylesheet" href="css/lgallery.min.css">2、head引入js文件
<script src="js/lgallery.min.js"></script>3、body引入HTML代码
在一个div元素中添加data-attributes属性,取值可以是:lgallery, lgparent, lgslider, lgpreview 或者 lgcarusel
<div class=example data-lgallery="img/1.jpg,img/2.jpg, img/3.jpg"></div>4、初始化插件
然后通过initLG()来初始化该插件。
<script> // Init LGallery let x = initLG(); </script>