响应式 lightbox 图片画廊

所属分类:UI,媒体-弹出层,幻灯片和轮播图,图片展示

 45298  559  查看评论 (43)
分享到微信朋友圈
X
响应式 lightbox 图片画廊 ie兼容8

简要教程

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

  • 完全响应式。

  • 内置插件的模块化结构。

  • 支持移动手机触摸屏。

  • 支持在桌面设备使用鼠标拖拽。

  • 缩略图动画。

  • 支持Youtube,Vimeo和HTML5视频。

  • 20多种硬件加速CSS3动画过渡效果。

  • 动态模式。

  • 支持全屏模式。

  • 支持缩放。

  • 支持浏览器history API。

  • 响应式图片。

  • 支持iframe框架。

  • 同一个页面可以实例化多个实例。

  • 通过CSS可以很容易的修改样式。

  • 智能图像预载及代码优化。

  • 支持桌面设备中使用键盘导航。

  • 支持字体图标。


使用该LightBox插件需要引入lightGallery.css,jQuery(版本大于1.8),lightgallery.min.js文件,以及辅助的lg-thumbnail.min.js和lg-fullscreen.min.js文件。

<!-- jQuery version must be >= 1.8.0; -->
<script src="jquery.min.js"></script>
<script src="js/lightgallery.min.js"></script>
<!-- lightgallery plugins -->
<script src="js/lg-thumbnail.min.js"></script>
<script src="js/lg-fullscreen.min.js"></script>


相关插件-弹出层,幻灯片和轮播图,图片展示

jQuery html5爆裂式登录效果

HTML5爆裂式关闭窗口动画登录模板,关闭窗口撕开动画效果。
  弹出层
 51306  576

各种弹窗alert

jquery弹窗
  弹出层
 66714  374

flavr―超级漂亮的jQuery扁平弹出对话框

flavr是一个时尚的扁平弹出对话框为您的下一个网站。flavr是响应设计布局,能够适应任何屏幕大小。得到最好的用户体验,使用流行的animate.css动画,最重要的是,flavr可以运行在任何新的浏览器IE8(+),任何设备和屏幕大小。
  弹出层
 143730  1131

jQuery弹窗插件

支持拖拽,放大,缩小,最小化窗口的符合jquery语法规范的插件
  弹出层
 37703  330

讨论这个项目(43)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    过客 0
    2022/9/25 10:16:10
    这个效果特别好的!!太厉害了 回复
    811975 0
    2021/1/9 11:33:39
    怎样播放视频??? 回复
    ╂ K-ing 、 0
    2020/5/26 13:47:43
    这个怎么详情页面上,点击下一下动态加载图片到详情页
    回复
    ?散落や?雨 0
    2019/3/12 14:47:36
    0
    2018/7/19 11:35:39
    p×0・c = ? 0
    2018/1/4 15:12:11

    这个移动端能用吗

    回复
    节欲4 0
    2017/12/18 16:52:29
    vnb6f 0
    2017/8/22 16:11:31
    Demon三 0
    2017/6/26 11:34:59

    可以设置成界面只展示一张照片么?点击出现图片集

        无宇伦比0
        2018/10/23 16:33:06
        把其他图片设置为 display:none
    回复
    Demon三 0
    2017/6/26 11:33:40

    可以设置成界面只展示一张照片么?

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复