您现在的位置是:首页 > 学无止境 > 其他网站首页其他 功能超全的Lightgallery-图片灯箱效果,缩放、全屏、缩略图等都有!

功能超全的Lightgallery-图片灯箱效果,缩放、全屏、缩略图等都有!

  • 莫愁
  • 其他
  • 2019-06-27
简介lightGallery是一款轻量级、可定制、响应式、模块化的jQuery LightBox图片画廊插件。它支持移动触摸设备,支持键盘控制,带20多种动画过渡效果,是一款非常优秀的LightBox插件。
字数 1123.5

lightGallery是一款轻量级、可定制、响应式、模块化的jQuery LightBox图片画廊插件。它支持移动触摸设备,支持键盘控制,带20多种动画过渡效果,是一款非常优秀的LightBox插件。

用过很多lightbox和fancybox等图片灯箱效果,今天这款插件几乎包括你所有的想象,简直就是大而全的灯箱效果。特别适合用来做相册。

效果图如下:

图片灯箱效果.jpg

 

它的特点如下:

  • 完全响应式。
  • 内置插件的模块化结构。
  • 支持移动手机触摸屏。
  • 支持在桌面设备使用鼠标拖拽。
  • 缩略图动画。
  • 支持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、下载地址

功能超强超全的图片灯箱效果.rar
功能超强超全的图片灯箱效果.rar (1.54 MB)


转载: 感谢您对莫愁个人博客网站平台的认可,非常欢迎各位朋友分享到个人站长或者朋友圈,但转载请说明文章出处“来源莫愁个人博客 https://www.mochoublog.com/study/264.html”。

文章评论

    • 评论
    人参与,条评论

技术在线

服务时间

周一至周日 12:00-22:00

关闭下雪
关闭背景特效