LightGallery.js全能的 LightBox 插件

簡介

lightgallery.js 是一款功能齊全的純 JavaScript lightbox 組件，它有以下特點：

• 支持響應(yīng)式

• 模塊化設(shè)計，內(nèi)置插件

• 支持移動設(shè)備

• 支持縮略圖

• 支持社交分享

• 支持視頻

• 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'));

查看演示