LightGallery.js全能的 LightBox 插件

简介

lightgallery.js 是一款功能齐全的纯 JavaScript lightbox 组件，它有以下特点：

• 支持响应式




• 模块化设计，内置插件




• 支持移动设备




• 支持缩略图




• 支持社交分享




• 支持视频




• 20 多种 CSS3 过度效果




• 支持全屏

使用

1、引入文件

<link rel="stylesheet" href="css/lightgallery.css">

<script src="js/lightgallery.min.js"></script>

<script src="js/lg-thumbnail.min.js"></script>

<script src="js/lg-fullscreen.min.js"></script>

2、HTML

<div id="dowebok">

	<a href="img/1.jpg">

		<img src="img/thumb-1.jpg">

	</a>

	<a href="img/2.jpg">

		<img src="img/thumb-2.jpg">

	</a>

	...

</div>

3、JavaScript

lightGallery(document.getElementById('dowebok'));

查看演示