LightGallery.js 简介使用 介绍
简介
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'));