CSS图书馆 » HTML & CSS » 全能 lightbox 灯箱插件: lightgallery.js

全能 lightbox 灯箱插件: lightgallery.js

发表于: HTML & CSS. 评论
赞助商链接

图像放大的灯箱类插件在网页设计中相当常用,随着技术的提高,现在的灯箱插件也越来越多,想找一款合适的灯箱插件也不好找,

今天设计达人网小编为大家分享一款较新的灯箱插件: lightgallery.js,该插件功能相当齐全,而且很强大,很多流行的功能都有,可满足大部分网站的图片展示需求,下面一起来看看介绍。

网站名称:lightgallery.js
网站地址: https://sachinchoolur.github.io/lightgallery.js/

lightgallery.js 特色功能

支持响应式

支持触屏手势方式切的图像

20多种动画切换效果

模块设计,容易定制

支持视频展示

支持放大缩小以及全屏模式

内置分享模块

智能预加载

截图介绍

动画效果

该插件一共有20多种图像切换动画,因为动画图像文件大小较大,小编仅展示2张,其它请到官方查看哦,链接:https://sachinchoolur.github.io/lightgallery.js/demos/transitions.html

动画1

 

动画2

 

幻灯版模式

显示标题、简介及扩展等常用功能。

 

带画册缩略图模式

点击缩略图可以切的图像,也可以点击右下角的栅格图标隐藏或显示缩略图。

 

添加 Facebook 侧栏留言

可以通过自定义 HTML 属性,增加Facebook留言模块,简直像 flick 一样,每张图片都可以单独留言,具体使用方法也很简单,请看官方 Doc 教程。

 

视频模式

 

响应式

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。