A-A+

全能的 LightBox 插件 LightGallery.js

2016年09月10日 Linux 软件 暂无评论 阅读 917 次

简介

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

查看演示

标签:

给我留言

Copyright © SEARU.ORG 保留所有权利.   Theme  Ality 网站地图 360网站安全检测平台

用户登录

分享到: