您现在的位置是：首页 > 学无止境 > 其他网站首页其他 功能超全的Lightgallery-图片灯箱效果，缩放、全屏、缩略图等都有！
功能超全的Lightgallery-图片灯箱效果，缩放、全屏、缩略图等都有！
- 其他
- 2019-06-27
简介lightGallery是一款轻量级、可定制、响应式、模块化的jQuery LightBox图片画廊插件。它支持移动触摸设备，支持键盘控制，带20多种动画过渡效果，是一款非常优秀的LightBox插件。字数
723.5
lightGallery是一款轻量级、可定制、响应式、模块化的jQuery LightBox图片画廊插件。它支持移动触摸设备，支持键盘控制，带20多种动画过渡效果，是一款非常优秀的LightBox插件。
用过很多lightbox和fancybox等图片灯箱效果，今天这款插件几乎包括你所有的想象，简直就是大而全的灯箱效果。特别适合用来做相册。
效果图如下：
它的特点如下：
- 完全响应式。
- 内置插件的模块化结构。
- 支持移动手机触摸屏。
- 支持在桌面设备使用鼠标拖拽。
- 缩略图动画。
- 支持Youtube，Vimeo和HTML5视频。
- 20多种硬件加速CSS3动画过渡效果。
- 动态模式。
- 支持全屏模式。
- 支持缩放。
- 支持浏览器history API。
- 响应式图片。
- 支持iframe框架。
- 同一个页面可以实例化多个实例。
- 通过CSS可以很容易的修改样式。
- 智能图像预载及代码优化。
- 支持桌面设备中使用键盘导航。
- 支持字体图标。
具体使用方法：
1、外部js文档
使用该LightBox插件需要引入lightGallery.css，jQuery（版本大于1.8），lightgallery.min.js文件，以及辅助的lg-thumbnail.min.js和lg-fullscreen.min.js文件。
2、HTML结构
该LightBox插件没有强制性的HTML结构，但是建议使用下面的HTML结构来构建：
3、CSS样式
链接外部css文档
4、初始化插件
5、配置参数
Lightgallery有非常多的可用参数，使用参数的方法如下：
6、下载地址
转载：
感谢您对莫愁个人博客网站平台的认可,非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源莫愁个人博客 https://www.mochoublog.com/study/264.html”。
- 其他
- 2019-06-27
lightGallery是一款轻量级、可定制、响应式、模块化的jQuery LightBox图片画廊插件。它支持移动触摸设备，支持键盘控制，带20多种动画过渡效果，是一款非常优秀的LightBox插件。
用过很多lightbox和fancybox等图片灯箱效果，今天这款插件几乎包括你所有的想象，简直就是大而全的灯箱效果。特别适合用来做相册。
效果图如下：
它的特点如下：
- 完全响应式。
- 内置插件的模块化结构。
- 支持移动手机触摸屏。
- 支持在桌面设备使用鼠标拖拽。
- 缩略图动画。
- 支持Youtube，Vimeo和HTML5视频。
- 20多种硬件加速CSS3动画过渡效果。
- 动态模式。
- 支持全屏模式。
- 支持缩放。
- 支持浏览器history API。
- 响应式图片。
- 支持iframe框架。
- 同一个页面可以实例化多个实例。
- 通过CSS可以很容易的修改样式。
- 智能图像预载及代码优化。
- 支持桌面设备中使用键盘导航。
- 支持字体图标。
具体使用方法：
1、外部js文档
使用该LightBox插件需要引入lightGallery.css，jQuery（版本大于1.8），lightgallery.min.js文件，以及辅助的lg-thumbnail.min.js和lg-fullscreen.min.js文件。
2、HTML结构
该LightBox插件没有强制性的HTML结构，但是建议使用下面的HTML结构来构建：
3、CSS样式
链接外部css文档
4、初始化插件
5、配置参数
Lightgallery有非常多的可用参数，使用参数的方法如下：
6、下载地址
转载： 感谢您对莫愁个人博客网站平台的认可,非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源莫愁个人博客 https://www.mochoublog.com/study/264.html”。
