全能的 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)

暂无评论

暂无资讯

暂无问答

Cocos2d-JS中JavaScript继承

JavaScript语言本身没有提供类,没有其它语言的类继承机制,它的继承是通过对象的原型实现的,但这不能满足Cocos2d-JS引擎的要求。由于Cocos2d-JS引擎是从Cocos2d-x演变而来的,在Cocos2d-J...

2015/03/17 08:15
60
0
用JavaScript实现JavaScript文件的版本管理和加载

受《大公司怎样开发和部署前端代码?》这篇文章的启发,结合自己的项目实践,创建了一套JavaScript文件的版本管理和加载的机制,虽然比较粗糙,但是解决了不少实际的问题。

2015/04/14 12:40
1.7K
0
JAVASCRIPT_a href=#与 a href=javascript:void(0) 的区别

<a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接 <a href="#" onclick="javas...

2014/04/05 11:44
168
0
WebView与JavaScript交互

在WebView中使用JavaScript,让应用和JavaScript代码间进行交互

2014/07/29 09:15
498
0
Js文件中调用其它Js函数的方法

Js文件中调用其它Js函数的方法   在项目开发过程中,也许你会遇这样的情况。在某一Js文件中需要完成某一功能,但这一功能的大部分代码在另外一个Js文件中已经完成了,自己只需要调用这个方...

2015/11/02 17:02
2.8K
0
JavaScript 需要掌握的知识

不仅仅是面试,JavaScript 开发者都应该知道的十个概念 深入理解javascript原型和闭包(完结) javascript深入理解js闭包 js作用域 JS之作用域与闭包 JavaScript内存优化 可爱的小熊 js内存回...

2016/06/25 10:03
181
0
好的javascript程序员

这段时间一直在使用JS进行开发,其实我听喜欢JS的,一个主要的原因就是自由。JS限制较少可以容易的实现自己的一些思想。或者换种说法,就是可以写出极其精简的代码,虽然精简不到LISP的水平,...

2014/10/25 23:45
103
0
javascript键盘事件_javascript

[JavaScript]:e.which,e.charCode,e.keyCode 说明: charCode:对于 keypress 事件,该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件,它指定了被敲击的键的虚拟键...

2012/07/30 21:10
789
0
如何通过JavaScript动态加载js

在Web开发时,有可能会遇到这么一种情况:我们需要通过一个js文件中引用另一个js文件中的函数,可是另一个函数有没有办法在页面中通过该<script>标签加载。于是,我们有了通过js动态加载js文...

2014/04/10 13:40
125
0
Javascript 中js语句执行顺序

快速了解Js代码在页面中的执行顺序

2014/09/21 23:08
1.4K
1

没有更多内容

加载失败,请刷新页面

返回顶部
顶部