做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

JS幻灯片插件LightGallery.js
来源:易助科技网浏览量:2收藏

简介

lightgallery.js是一款JS功能齐全的纯 JS 灯箱插件。它有以下特点:

支持响应式
模块化设计,内置插件
支持移动设备
支持缩略图
支持社交分享
支持视频
20 多种 CSS3 过度效果
支持全屏

 


(下载的附件中附有DEMO)


使用

1.  引入文件

<link rel="stylesheet" href="lightgallery.css">
<script src="lightgallery.min.js"></script>
<script src="lg-thumbnail.min.js"></script>
<script src="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.  调用

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


相关链接

GitHub 地址 :https://github.com/sachinchoolur/lightgallery.js/

Gitee 地址 :https://gitee.com/mirrors/LightGallery.js