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

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

1. Fancy Zoom (jQuery)

几天前,John重写了Cabel Sasser的FancyZoom,在Prototype和Scriptaculous程序库上。我将它引入到jQuery,并做了一些改进。  

View Live Demo

2. Lightbox2

支持所有浏览器的简单易用的Lightbox插件。

View Live Demo

3. jQuery Lightbox Plugin (balupton edition)

添加一些效果HTML文本中,可用的效果包括阴影,渐变镜等。  

View Live Demo

4. LightWindow v2.0

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

View Live Demo

5. Colorbox Lightbox Plugin

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

View Live Demo

6. FaceBox

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

View Live Demo

7. jQuery Lightbox

jQuery Lightbox已经成为Google Code上面的项目。每个人都可以对其作出自己的变化。

View Live Demo

8. Milkbox

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

View Live Demo

9. FancyBox

FancyBox可以显示图片、HTML内容、及多媒体。

View Live Demo

10. Visual jQuery LightBox

Visual jQuery LightBox,免费的向导程序,无需一行代码,就可以做成在线的画廊。

View Live Demo

11. prettyPhoto

prettyPhoto是jQuery lightbox的克隆。它支持图片、视频、flash、YouTube、iframes等。  

View Live Demo

12. PIROBOX

pirobox,其重要的一点是支持打开所有类型的文件,另外是自动的图片尺寸设定及拖曳。  

View Live Demo

13. Shadowbox

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

View Live Demo

14. Litebox jQuery Plugin

Litebox是Lightbox V2.0的修改版,尺寸减小。

View Live Demo

15. ThickBox

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

.

View Live Demo

16. Slightly ThickerBox

Slightly ThickerBox是Cody Lindley的Thickbox的修改版。改版增加了翻页功能链接,也就是做你可以用它做画廊了。

View Live Demo

17. Suckerfish HoverLightbox

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

View Live Demo

18. NyroModal

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

View Live Demo

19. Lightview

Lightview的建立是为了改变你在网页上覆盖内容的方式。

View Live Demo

20. Interface Imagebox

Interface Imagebox是jQuery的接口插件。

View Live Demo

21. jQuery lightBox plugin

jQuery lightBox plugin简单、优雅、乖巧。  

View Live Demo

22. imgBox

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

View Live Demo

23. GreyBox jQuery Lightbox

GreyBox jQuery Lightbox用最漂亮的方式显示站点、图片等内容。  

View Live Demo

24. Picbox

Picbox在Slimbox的基础上改进,它的特点在于自动调整尺寸大小,以及大图片的缩放功能。  

View Live Demo

25. Lightbox Gone Wild

View Live Demo

26. SimpleModal

SimpleModal,轻量级的jQuery插件,具有强大的界面。可认为他是模态窗口的框架,具有很强的灵活性。  

View Live Demo

27. boxy

View Live Demo

28. Highslide JS

Highslide JS是图片、媒体、画廊的查看器。  

View Live Demo

29. Slimbox 2

Slimbox 2 是Lighbox 2的克隆,100%兼容Lightbox 2。它非常小巧、友好,仅4KB。  

View Live Demo

30. Picasa LightBox

Picasa LightBox是WordPress插件,你可以轻松添加Picasa图片到你的WordPress文章和页面中。  

View Live Demo

30个Jquery灯箱插件的更多相关文章

  1. 20款美化网站的 jQuery Lightbox 灯箱插件

    jQuery Lightbox 灯箱插件可以让你为您的网站和应用程序展示优雅的图像,视频 和其它内容(使用模式窗口).如果你是一个开发人员,你必须拥有 jQuery 灯箱插件集合,因为有一部分的客户会 ...

  2. 常用在网站上的30个jQuery插件

    jQuery插件是网页设计师最喜欢的.从图像滑块,图像画廊和导航插件,它们是如此众多,如此多样,如此惊人的和互动可以制作美化网站.在本文的在30个插件中,我认为必须在网站建设时用到.当然你现在可能不善 ...

  3. 深入学习jQuery自定义插件

    原文地址:jQuery自定义插件学习 1.定义插件的方法 对象级别的插件扩展,即为jQuery类的实例增加方法, 调用:$(选择器).函数名(参数);      $(‘#id’).myPlugin(o ...

  4. 推荐15款响应式的 jQuery Lightbox 插件

    利用现代 Web 技术,网络变得越来越轻巧与.模态框是突出展现内容的重要形式,能够让用户聚焦到重要的内容上去.在这个列表中,我们编制了15款响应式的 jQuery 灯箱库,这将有助于开发人员创建和设计 ...

  5. 三、jQuery--jQuery基础--jQuery基础课程--第9章 jQuery 常用插件

    1.表单验证插件——validate 该插件自带包含必填.数字.URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下:$(form).validate({option ...

  6. 再谈:jquery编写插件的方法

    版权声明:作者原创,转载请注明出处! 编写插件的两种方式: 1.类级别开发插件(1%) 2.对象级别开发(99%) 类级别的静态开发就是给jquery添加静态方法,三种方式 1.添加新的全局函数 2. ...

  7. 基于 jQuery Jcrop 插件的功能模块:头像剪裁

    /** Jcrop version: 0.9.12 jQuery version: 1.9.0 Author: 小dee Date: 2014.10.30 */ 先看看他山之石:博客园的头像模块也是使 ...

  8. qTip2 精致的jQuery提示信息插件

    qTip2 精致的jQuery提示信息插件    出处:http://www.cnblogs.com/lwme/archive/2012/02/16/qtip2-jquery-plugin.html ...

  9. 移动开发必备!15款jQuery Mobile插件

    移动互联网的发展,来自PC端的网页并不能完全自适应移动端页面需求,使得响应式设计体验产生并成为潮流,也正是这样一种需求,促成了jQuery Mobile的流行.jQuery Mobile这样一款基于j ...

随机推荐

  1. UVA - 10895 Matrix Transpose

    UVA - 10895 Matrix Transpose Time Limit:3000MS   Memory Limit:Unknown   64bit IO Format:%lld & % ...

  2. 【剑指Offer学习】【面试题37:两个链表的第一个公共结点】

    题目:输入两个链表,找出它们的第一个公共结点. 链表结点定义 /** * 链表结点类 */ private static class ListNode { int val; ListNode next ...

  3. js:"use strict"; 严格模式

    http://www.ruanyifeng.com/blog/2013/01/javascript_strict_mode.html

  4. java jar包运行方法

    http://java-beginner-liyun.iteye.com/blog/736752一.怎么打jar包 第一步:选中要打jar包的工程 第二步:鼠标右击,选择Export... 第三步:选 ...

  5. HttpClient 模拟登录网易微博

          实现核心:代码执行流程,根据抓包工具,模拟浏览器请求步骤走       private static void testLogin()       {             try    ...

  6. request 获取请求头

    /********************************************************servlet页面********************************** ...

  7. Visual Studio 2017 for Mac Preview

    Microsoft Visual Studio 2017 for Mac Preview 下载+安装+案例Demo 目录: 0. 前言 1. 在线安装器 2. 安装VS 3. HelloWorld 4 ...

  8. python os模块 常用函数

    os.getcwd() 获取当前工作目录 os.listdir() 返回指定目录下的所有文件和目录 os.remove() 删除单个文件 os.path.split() 以元祖形式返回一个路径的目录和 ...

  9. mysql-mongdb-redis

    千万级别:mysql 千万以及亿级别:mongdb

  10. diy文件系统上创建文件的流程

    [0]README 0.1) source code are from orange's implemention of a os , and for complete code , please v ...