分享20款美化网站的 jQuery Lightbox 灯箱插件


Posted in Javascript onOctober 10, 2014

jQuery Lightbox 灯箱插件可以让你为您的网站和应用程序展示优雅的图像,视频 和其它内容(使用模式窗口)。如果你是一个开发人员,你必须拥有 jQuery 灯箱插件集合,因为有一部分的客户会要求他们的网站看起来更有吸引力和视觉冲击力。

因此在这个集合中,我们编译了20款最好的 jQuery 灯箱插件清单,这将有助于开发人员创建和设计精美的网站。您可以将这些插件很容易地集成到您的网站,可以下载他们瞬间充实你的插件库。

1. lightGallery

分享20款美化网站的 jQuery Lightbox 灯箱插件

jQuery lightGallery 是一个轻量级的 jQuery 灯箱插件,用于显示图像和视频库。它功能齐全,如响应式布局,对移动设备支持触控,滑动和褪色效果,图像标题和描述等等。

2. Lighterbox

分享20款美化网站的 jQuery Lightbox 灯箱插件

Lighterbox 是一种更轻量的和可定制的 jQuery 灯箱画廊插件。一个简单的插件支持现代移动和桌面浏览器,以减少配置和兼容处理的代码。

3. Rebox

分享20款美化网站的 jQuery Lightbox 灯箱插件

jQuery-Rebox 是一种简单,轻量,响应式,移动友好的 jQuery 灯箱插件,它适合于简单,不需要任何图像。

4. LiteBox

分享20款美化网站的 jQuery Lightbox 灯箱插件

LiteBox是一种多功能,自动检测内容,收藏夹/模态窗口的图像,嵌入的内容 ,iframe 框架和内嵌 HTML 中使用。

5. Image Lightbox

分享20款美化网站的 jQuery Lightbox 灯箱插件

这款灯箱插件是一个简约的,可扩展和可配置性,响响应式和触摸友好的 iOS、Android 和 Windows Phone 的兼容灯箱插件。自动预加载下一个图像,使用 CSS 转换和过渡。

6. jQuery TosRus

分享20款美化网站的 jQuery Lightbox 灯箱插件

jQuery.TosRUs 插件是一个伟大的灯箱插件,支持通过 scrolling/swiping 任何的内容。在台式机,平板电脑或智能手机,内部的 HTML 元素或作为灯箱弹出。

7. Fluidbox

分享20款美化网站的 jQuery Lightbox 灯箱插件

Fluidbox是一个 jQuery 插件,它可以让连接到一个更大分辨率的图像。它适用于手机,也插件处理更高的分辨率,优雅链接的图像,这样它只有预装他们当用户点击缩略图。

8. Swipebox

分享20款美化网站的 jQuery Lightbox 灯箱插件

Swipebox 是一个 jQuery 灯箱插件,其中有对触摸事件的支持和响应布局效果很好。它可以显示单个项目或一组项目(画廊) ,他们可以用滑动手势,或者键盘来浏览。

9. iLightbox

分享20款美化网站的 jQuery Lightbox 灯箱插件

iLightBox 是一个新鲜的替代其他的 jQuery 灯箱插件,有一个很大的机会,虽然这是一个付费的资源,它可能会成为你的最爱。它可以呈现图像,视频 ,其他 HTML 和有一个可选的全屏模式。

10. VenoBox

分享20款美化网站的 jQuery Lightbox 灯箱插件

VenoBox 是又一个响应 jQuery 的灯箱插件,适用于图像,内嵌的内容, iFrame中,谷歌地图, Ajax请求, VIMEO和YouTube视频。相比于许多其他模态窗口插件,VenoBox 计算所显示的图像的最大宽度,并保留其高度是否大于窗口高的大的差异 。

11. Magnific Popup

分享20款美化网站的 jQuery Lightbox 灯箱插件

这是一个免费的响应式的 jQuery 灯箱插件,专注于性能,并为用户提供的任何设备最好的体验。大多数收藏夹插件需要你通过 JS 选项来定义它的大小。

12. Featherlight

分享20款美化网站的 jQuery Lightbox 灯箱插件

Featherlight 是一个非常轻量级的 jQuery 灯箱。响应式,支持图像, AJAX 和 iframe 中开箱和配置选项的范围,你可以将它适应您的需求。

13. flipLightBox

分享20款美化网站的 jQuery Lightbox 灯箱插件

flipLightBox 是一个免费的响应式灯箱 jQuery 插件,非常容易实现,不需要任何额外的样式表,脚本和库。它的主要功能是可选的翻页效果,因为每个灯箱图像打开和关闭。

14. Colorbox

分享20款美化网站的 jQuery Lightbox 灯箱插件

ColorBox 是另一个 jQuery 灯箱插,轻量级的( 9KB ),支持照片,照片组,幻灯片, AJAX,内联和 iframe 内容。灯箱有一个非常精美的界面,可以改进或定制的CSS 。

15. Lightbox_me

分享20款美化网站的 jQuery Lightbox 灯箱插件

Lightbox_me是 jQuery 开发者工具箱中的必备工具。给它包裹在一个 jQuery 对象的 DOM 元素,将灯箱效果呈现给你。

16. Shadowbox

分享20款美化网站的 jQuery Lightbox 灯箱插件

Shadowbox 太极拳是一个灯箱插件,支持所有网络上最流行的媒体发布格式。太极拳是高度可定制和网站的作者可以展示在所有主要浏览器的媒体各式各样没有导航的用户远离链接页面。

17. Superbox
分享20款美化网站的 jQuery Lightbox 灯箱插件

SuperBox 是一款最新的 jQuery 插件,同时加载图像和灯箱,减少了 JavaScript 和图像加载的依赖,使用了 HTML5 data 属性,响应式布局和 jQuery ,这就是 SuperBox。

18. Lightview

分享20款美化网站的 jQuery Lightbox 灯箱插件

Lightview 让你使用 jQuery 库轻松创建中最美丽的窗口重叠。通过将支持广泛的媒体与华丽的外观和人性化的API ,Lightview使用 HTML5 来帮助您实现在每一个浏览器的最佳体验。让它自动增强您的媒体或创建使用强大的 JavaScript API 的自定义覆盖。

19. Fresco

分享20款美化网站的 jQuery Lightbox 灯箱插件

Fresco 是一个美丽的响应式灯箱,可用于创建任何大小的屏幕在工作的伟大,在每一个设备上的所有浏览器惊人的重叠。为了让事情更真棒壁画带有全屏放大,视网膜就绪皮肤,Youtube 和 Vimeo 集成 HTML5 视频和强大的 JavaScript API 。

20. Topup

分享20款美化网站的 jQuery Lightbox 灯箱插件

Topup 是一个易于使用的 Javascript库,能够显示图像和网页中的弹出窗口以 Web 2.0 的方式。该库是 jQuery 和 jQuery UI 驱动,以维持跨浏览器的兼容性和紧凑性。

Javascript 相关文章推荐
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
Sep 26 Javascript
javascript基础知识分享之类与函数化
Feb 13 Javascript
javascript HTML5 canvas实现打砖块游戏
Jun 18 Javascript
AngularJS  $modal弹出框实例代码
Aug 24 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
Dec 25 Javascript
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
Sep 20 Javascript
vue列表单项展开收缩功能之this.$refs的详解
May 05 Javascript
JS实现的排列组合算法示例
Jul 16 Javascript
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
Feb 01 Javascript
浅谈JavaScript中的“!!”作用
Aug 03 Javascript
原生js实现照片墙效果
Oct 13 Javascript
Vue3+elementui plus创建项目的方法
Dec 01 Vue.js
Jquery $.getJSON 在IE下的缓存问题解决方法
Oct 10 #Javascript
js点击button按钮跳转到另一个新页面
Oct 10 #Javascript
jQuery获取iframe的document对象的方法
Oct 10 #Javascript
jquery实现多行文字图片滚动效果示例代码
Oct 10 #Javascript
一个js过滤空格的小函数
Oct 10 #Javascript
JS 新增Cookie 取cookie值 删除cookie 举例详解
Oct 10 #Javascript
window.location 对象所包含的属性
Oct 10 #Javascript
You might like
php数组函数序列之ksort()对数组的元素键名进行升序排序,保持索引关系
2011/11/02 PHP
一漂亮的PHP图片验证码实例
2014/03/21 PHP
php可应用于面包屑导航的迭代寻找家谱树实现方法
2015/02/02 PHP
Laravel如何友好的修改.env配置文件详解
2017/06/07 PHP
Display SQL Server Version Information
2007/06/21 Javascript
javascript 页面只自动刷新一次
2009/07/10 Javascript
IE6,IE7下js动态加载图片不显示错误
2010/07/17 Javascript
ajax上传时参数提交不更新等相关问题
2012/12/11 Javascript
wap手机图片滑动切换特效无css3元素js脚本编写
2014/07/28 Javascript
浅析node.js中close事件
2014/11/26 Javascript
JQuery选择器、过滤器大整理
2015/05/26 Javascript
jquery实现可点击伸缩与展开的菜单效果代码
2015/08/31 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
2016/11/18 Javascript
nodejs实现解析xml字符串为对象的方法示例
2018/03/14 NodeJs
基于vue2.0动态组件及render详解
2018/03/17 Javascript
vue富文本框(插入文本、图片、视频)的使用及问题小结
2018/08/17 Javascript
vue使用better-scroll实现滑动以及左右联动
2020/06/30 Javascript
vue打包通过image-webpack-loader插件对图片压缩优化操作
2020/11/12 Javascript
[47:21]Liquid vs TNC Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
python设置windows桌面壁纸的实现代码
2013/01/28 Python
python使用7z解压软件备份文件脚本分享
2014/02/21 Python
python3模拟百度登录并实现百度贴吧签到示例分享(百度贴吧自动签到)
2014/02/24 Python
Python开发实例分享bt种子爬虫程序和种子解析
2014/05/21 Python
删除python pandas.DataFrame 的多重index实例
2018/06/08 Python
tensorflow -gpu安装方法(不用自己装cuda,cdnn)
2020/01/20 Python
python中pivot()函数基础知识点
2021/01/03 Python
纽约州一群才华横溢的金匠制作而成:Hearth Jewelry
2019/03/22 全球购物
德国在线香料制造商:Gewürzland
2020/03/10 全球购物
波兰最大的电商平台:Allegro.pl
2021/02/06 全球购物
mysql_pconnect()和mysql_connect()有什么区别
2012/05/25 面试题
聚网科技C++面试笔试题
2015/09/01 面试题
英语老师推荐信
2014/02/26 职场文书
新闻编辑求职信
2014/04/09 职场文书
怎么写工作检讨书
2014/11/16 职场文书
2016年优秀共青团员事迹材料
2016/02/25 职场文书
社交电商模式的兴起:这些新的商机千万别错过
2019/07/26 职场文书