全能的 LightBox 插件 LightGallery.js
- 授权协议: GPL
- 开发语言: JavaScript HTML/CSS
- 操作系统: 跨平台
- 软件首页: https://github.com/sachinchoolur/lightgallery.js
- 软件文档: https://github.com/sachinchoolur/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'));
