30个最好的jQuery 灯箱插件分享


Posted in Javascript onApril 25, 2011

jQuery 是非常流行的JS框架,其俨然已成了开发者的必备工具,其中的jQuery Lightbox插件更是为广大开发者所喜爱。它惊人的特征之一是jQuery Lightbox插件有很多变化。

下面介绍30个最好的jQuery Lightbox 插件,别忘了收藏它,以防未来的设计中错过它们中的一个。

1. Fancy Zoom (jQuery)

几天前,John重写了Cabel Sasser的FancyZoom,在Prototype和Scriptaculous程序库上。我将它引入到jQuery,并做了一些改进。
30个最好的jQuery 灯箱插件分享

View Live Demo

2. Lightbox2

支持所有浏览器的简单易用的Lightbox插件。30个最好的jQuery 灯箱插件分享

View Live Demo

3. jQuery Lightbox Plugin (balupton edition)

添加一些效果HTML文本中,可用的效果包括阴影渐变镜等。
30个最好的jQuery 灯箱插件分享

View Live Demo

4. LightWindow v2.0

LightWindow是一款基于Prototype,类似于Lightbox灯箱效果的JS特效。其特点在于高度可定制,支持多种类型的媒体显示。
30个最好的jQuery 灯箱插件分享

View Live Demo

5. Colorbox Lightbox Plugin

ColorBox是个轻量级的可定制化的灯箱插件,支持jQuery 1.3 和 1.4。
30个最好的jQuery 灯箱插件分享

View Live Demo

6. FaceBox

Facebox 是个Facebook风格的灯箱插件,可以显示图片、Divs,或者整个远程页面。 30个最好的jQuery 灯箱插件分享

View Live Demo

7. jQuery Lightbox

jQuery Lightbox已经成为Google Code上面的项目。每个人都可以对其作出自己的变化。30个最好的jQuery 灯箱插件分享

View Live Demo

8. Milkbox

Milkbox具有很多的新功能,比如画廊对象的定义、flashvars、html文件等。同时,你也可以安全的使用它通过mootools VX兼容模式。它已经支持IE9。

30个最好的jQuery 灯箱插件分享

View Live Demo

9. FancyBox

FancyBox可以显示图片、HTML内容、及多媒体。30个最好的jQuery 灯箱插件分享

View Live Demo

10. Visual jQuery LightBox

Visual jQuery LightBox,免费的向导程序,无需一行代码,就可以做成在线的画廊。30个最好的jQuery 灯箱插件分享

View Live Demo

11. prettyPhoto

prettyPhoto是jQuery lightbox的克隆。它支持图片、视频、flash、YouTube、iframes等。
30个最好的jQuery 灯箱插件分享

View Live Demo

12. PIROBOX

pirobox,其重要的一点是支持打开所有类型的文件,另外是自动的图片尺寸设定及拖曳。
30个最好的jQuery 灯箱插件分享

View Live Demo

13. Shadowbox

Shadowbox由JS和CSS编写,可高度定制。

30个最好的jQuery 灯箱插件分享

View Live Demo

14. Litebox jQuery Plugin

Litebox是Lightbox V2.0的修改版,尺寸减小。30个最好的jQuery 灯箱插件分享

View Live Demo

15. ThickBox

ThickBox是一个基于JQuery类库的扩展,它能在浏览器界面上显示非常棒的UI框, 它可以显示单图片,多图片,ajax请求内容或链接内容.

.30个最好的jQuery 灯箱插件分享

View Live Demo

16. Slightly ThickerBox

Slightly ThickerBox是Cody Lindley的Thickbox的修改版。改版增加了翻页功能链接,也就是做你可以用它做画廊了。30个最好的jQuery 灯箱插件分享

View Live Demo

17. Suckerfish HoverLightbox

第一眼就是非常漂亮。包括了Lokesh Dhakar 写的Lightbox JS。这些高手写出来的东西,拓展性很强。

30个最好的jQuery 灯箱插件分享

View Live Demo

18. NyroModal

设计师们就似乎更喜欢使用多模态窗口,为他们提供了一个快捷方式来表明无需重载整个页面的数据。它易于使用和易于设计。30个最好的jQuery 灯箱插件分享

View Live Demo

19. Lightview

Lightview的建立是为了改变你在网页上覆盖内容的方式。30个最好的jQuery 灯箱插件分享

View Live Demo

20. Interface Imagebox

Interface Imagebox是jQuery的接口插件。30个最好的jQuery 灯箱插件分享

View Live Demo

21. jQuery lightBox plugin

jQuery lightBox plugin简单、优雅、乖巧。
30个最好的jQuery 灯箱插件分享

View Live Demo

22. imgBox

因此,在几个星期前我开始有挑战性的项目工作 - imgBox。 imgBox是一个jQuery插件,实现了对图像平滑变焦效果。 下载尝试一下吧?
30个最好的jQuery 灯箱插件分享

View Live Demo

23. GreyBox jQuery Lightbox

GreyBox jQuery Lightbox用最漂亮的方式显示站点、图片等内容。
30个最好的jQuery 灯箱插件分享

View Live Demo

24. Picbox

Picbox在Slimbox的基础上改进,它的特点在于自动调整尺寸大小,以及大图片的缩放功能。
30个最好的jQuery 灯箱插件分享

View Live Demo

25. Lightbox Gone Wild
30个最好的jQuery 灯箱插件分享

View Live Demo

26. SimpleModal

SimpleModal,轻量级的jQuery插件,具有强大的界面。可认为他是模态窗口的框架,具有很强的灵活性。
30个最好的jQuery 灯箱插件分享

View Live Demo

27. boxy

30个最好的jQuery 灯箱插件分享

View Live Demo

28. Highslide JS

Highslide JS是图片、媒体、画廊的查看器。
30个最好的jQuery 灯箱插件分享

View Live Demo

29. Slimbox 2

Slimbox 2 是Lighbox 2的克隆,100%兼容Lightbox 2。它非常小巧、友好,仅4KB。
30个最好的jQuery 灯箱插件分享

View Live Demo

30. Picasa LightBox

Picasa LightBox是WordPress插件,你可以轻松添加Picasa图片到你的WordPress文章和页面中。
30个最好的jQuery 灯箱插件分享

View Live Demo

Javascript 相关文章推荐
HTML-CSS群中单选引发的“事件”
Mar 05 Javascript
几个比较经典常用的jQuery小技巧
Mar 01 Javascript
JavaScript几种形式的树结构菜单
May 10 Javascript
jquery+ajax实现跨域请求的方法
Jan 20 Javascript
js限制文本框的输入内容代码分享(3类)
Aug 20 Javascript
JQuery点击事件回到页面顶部效果的实现代码
May 24 Javascript
ES6新特性之解构、参数、模块和记号用法示例
Apr 01 Javascript
webpack 4.0.0-beta.0版本新特性介绍
Feb 10 Javascript
vue 项目地址去掉 #的方法
Oct 20 Javascript
基于JavaScript实现每日签到打卡轨迹功能
Nov 29 Javascript
vue实现的封装全局filter并统一管理操作示例
Feb 02 Javascript
Vue使用JSEncrypt实现rsa加密及挂载方法
Feb 07 Javascript
分享27个jQuery 表单插件集合推荐
Apr 25 #Javascript
分享14个很酷的jQuery导航菜单插件
Apr 25 #Javascript
23个超流行的jQuery相册插件整理分享
Apr 25 #Javascript
基于jquery的二级联动菜单实现代码
Apr 25 #Javascript
jQuery判断元素是否是隐藏的代码
Apr 24 #Javascript
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
Apr 24 #Javascript
基于mootools 1.3框架下的图片滑动效果代码
Apr 22 #Javascript
You might like
收音机鉴频器对声音的影响和频偏分析
2021/03/02 无线电
Thinkphp中import的几个用法详细介绍
2014/07/02 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
学习ExtJS accordion布局
2009/10/08 Javascript
JS网页图片按比例自适应缩放实现方法
2014/01/15 Javascript
jQuery判断一个元素是否可见的方法
2015/06/05 Javascript
JS代码实现根据时间变换页面背景效果
2016/06/16 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
2017/01/08 Javascript
Vue数据驱动模拟实现1
2017/01/11 Javascript
bootstrap weebox 支持ajax的模态弹出框
2017/02/23 Javascript
angular或者js怎么确定选中ul中的哪几个li
2017/08/16 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
Node.js使用MySQL连接池的方法实例
2018/02/11 Javascript
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
2018/05/08 Javascript
基于AngularJs select绑定数字类型的问题
2018/10/08 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
2018/10/10 Javascript
vue-router的使用方法及含参数的配置方法
2018/11/13 Javascript
使用vue-cli脚手架工具搭建vue-webpack项目
2019/01/14 Javascript
Vue 表情包输入组件的实现代码
2019/01/21 Javascript
JavaScript变速动画函数封装添加任意多个属性
2019/04/03 Javascript
手把手教您实现react异步加载高阶组件
2020/04/07 Javascript
你不知道的 TypeScript 高级类型(小结)
2020/08/28 Javascript
[07:25]DOTA2-DPC中国联赛2月5日Recap集锦
2021/03/11 DOTA
用Python编写一个基于终端的实现翻译的脚本
2015/04/24 Python
CentOS 6.X系统下升级Python2.6到Python2.7 的方法
2016/10/12 Python
python中使用xlrd读excel使用xlwt写excel的实例代码
2018/01/31 Python
python实现翻转棋游戏(othello)
2019/07/29 Python
tensorflow的ckpt及pb模型持久化方式及转化详解
2020/02/12 Python
python re模块常见用法例举
2021/03/01 Python
使用phonegap创建联系人的实现方法
2017/03/30 HTML / CSS
解决HTML5中的audio在手机端和微信端的不能自动播放问题
2019/11/04 HTML / CSS
《狼》教学反思
2014/03/02 职场文书
学校教师安全责任书
2014/07/23 职场文书
2015公务员试用期工作总结
2014/12/12 职场文书
详解CSS中的特指度和层叠问题
2021/07/15 HTML / CSS
MySQL池化框架学习接池自定义
2022/07/23 MySQL