全能的 LightBox 插件 LightGallery.js

GPL
JavaScript HTML/CSS
跨平台
2016-09-02
dowebok

简介

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

查看演示

加载中

评论(0)

暂无评论

暂无资讯

暂无问答

Javascript插件 / 框架

## 框架 **[Vue](http://vuejs.org)**: https://github.com/vuejs/vue **[Ember.js](http://emberjs.com)**: https://github.com/emberjs/ember.js **[Zepto](http://www.zeptojs.com/)**: ...

2016/09/14 08:39
28
0
【书单】JS书单汇总:怀念2013

  从2011年11月到现在,大抵接近两年的时间。对JS的了解,不敢说有多深,不过大都得益于下列书籍。大部分看过,小部分只是翻翻。2014年打算把这些书挑一些出来回顾回顾,然后研究下新的东西...

2014/01/24 00:37
432
2
《深入理解JavaScript系列》

《深入理解JavaScript系列》系列技术文章整理收藏

2015/06/23 15:08
28
0
每个 JavaScript 工程师都应懂的33个概念

简介 这个项目是为了帮助开发者掌握 JavaScript 概念而创立的。它不是必备,但在未来学习(JavaScript)中,可以作为一篇指南。 本篇文章是参照 @leonardomso 创立,英文版项目地址在这里。 ...

02/17 19:31
19
0
javascript学习资料分享

有志于web前端工作的话,javascript的知识是必不可少的。越学,我越觉得自己所欠缺的越多。路漫漫其修远兮,吾将上下而求索。下面将一些好的资料分享给大家。 JavaScript学习资料: (1)遇见...

2012/04/06 11:37
3.2K
7
解决一个html 或jsp 引入多个不同版本的jquery 解决方案

解决一个html 或jsp 引入多个不同版本的jquery 解决方案

2017/11/02 12:25
18
0
a标签中调用javascript方法的几种方法:

我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的...

2013/12/01 00:20
53
0
asp.net中调用javascript自定义函数的方法(包括引入JavaScript文件)总结

通常javascript代码可以与HTML标签一起直接放在前端页面中,但如果JS代码多的话一方面不利于维护,另一方面也对搜索引擎不友好,因为页面因此而变得臃肿;所以一般有良好开发习惯的程序员都会...

2012/11/04 21:28
933
0
jfinal与jqgrid结合实例。

直接上代码: index.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Insert title here</title> </head> <body> <link rel="stylesheet" ...

2013/01/05 11:51
1K
5

没有更多内容

加载失败,请刷新页面

返回顶部
顶部