久久资源网

js全屏图片画廊幻灯片插件

js全屏图片画廊幻灯片插件

2019-04-16 09:40:03 图片代码

售价:5.00积分 会员免费

特别声明:资源售价只是赞助,不代表代码或者素材本身点数。收取费用仅维持本站的日常运营所需!

js全屏图片画廊幻灯片插件

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>

 

资源出处:https://www.moyublog.com/codes/117.html

关注微信