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

 更新时间:2011年04月25日 00:50:53   作者:  
下面介绍30个最好的jQuery Lightbox 插件,别忘了收藏它,以防未来的设计中错过它们中的一个。

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

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

1. Fancy Zoom (jQuery)

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

View Live Demo

2. Lightbox2

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

View Live Demo

3. jQuery Lightbox Plugin (balupton edition)

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

View Live Demo

4. LightWindow v2.0

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

View Live Demo

5. Colorbox Lightbox Plugin

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

View Live Demo

6. FaceBox

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

View Live Demo

7. jQuery Lightbox

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

View Live Demo

8. Milkbox

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

1

View Live Demo

9. FancyBox

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

View Live Demo

10. Visual jQuery LightBox

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

View Live Demo

11. prettyPhoto

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

View Live Demo

12. PIROBOX

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

View Live Demo

13. Shadowbox

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

1

View Live Demo

14. Litebox jQuery Plugin

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

View Live Demo

15. ThickBox

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

.1

View Live Demo

16. Slightly ThickerBox

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

View Live Demo

17. Suckerfish HoverLightbox

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

1

View Live Demo

18. NyroModal

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

View Live Demo

19. Lightview

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

View Live Demo

20. Interface Imagebox

Interface Imagebox是jQuery的接口插件。1

View Live Demo

21. jQuery lightBox plugin

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

View Live Demo

22. imgBox

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

View Live Demo

23. GreyBox jQuery Lightbox

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

View Live Demo

24. Picbox

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

View Live Demo

25. Lightbox Gone Wild
1

View Live Demo

26. SimpleModal

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

View Live Demo

27. boxy

1

View Live Demo

28. Highslide JS

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

View Live Demo

29. Slimbox 2

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

View Live Demo

30. Picasa LightBox

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

View Live Demo

相关文章

  • jQuery的animate函数学习记录

    jQuery的animate函数学习记录

    jQuery.animate的每种动画过渡效果都是通过easing函数实现的,下面是自己研究之后对其的基本认识
    2014-08-08
  • 解决jquery有正确返回值但不执行success函数的问题

    解决jquery有正确返回值但不执行success函数的问题

    今天小编就为大家分享一篇解决jquery有正确返回值但不执行success函数的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • jQuery中offset()方法用法实例

    jQuery中offset()方法用法实例

    这篇文章主要介绍了jQuery中offset()方法用法,实例分析了offset()方法的功能、定义及返回或设置所匹配元素相对于document对象的偏移量时的使用技巧,需要的朋友可以参考下
    2015-01-01
  • 推荐25个超炫的jQuery网格插件

    推荐25个超炫的jQuery网格插件

    本文给大家推荐了25个jQuery网格特效插件,在此集合中,我们将展示一些非常酷的jQuery插件和资源在网格布局设计,提高了数据的介绍。一些实用的插件,一定会提供一个美好的用户体验。同时,一些精致的资源,这将有助于布局精美的数据范围。
    2014-11-11
  • jquery删除table当前行的实例代码

    jquery删除table当前行的实例代码

    下面小编就为大家带来一篇jquery删除table当前行的实例代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • jQuery制作简单柱状图实例

    jQuery制作简单柱状图实例

    这篇文章主要介绍了jQuery制作简单柱状图的方法,实例分析了html与css布局以及jQuery功能的具体实现方法,需要的朋友可以参考下
    2015-01-01
  • 基于jQuery仿淘宝产品图片放大镜特效

    基于jQuery仿淘宝产品图片放大镜特效

    这篇文章主要介绍了基于jQuery仿淘宝产品图片放大镜特效,使用非组件方法来实现放大镜效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 解决jquery中动态新增的元素节点无法触发事件问题的两种方法

    解决jquery中动态新增的元素节点无法触发事件问题的两种方法

    这篇文章主要分享了解决jquery中动态新增的元素节点无法触发事件问题的两种方法,感兴趣的小伙伴们可以参考一下
    2015-10-10
  • jQuery + Flex 通过拖拽方式动态改变图片的代码

    jQuery + Flex 通过拖拽方式动态改变图片的代码

    功能终于告一段落了,实现了预期的功能。遇到了一个小麻烦,js 会把某些变量( 如果你是通过对象的方式传递的,将在传递之后丢失类型信息 ,后面*号部分)
    2011-08-08
  • jQuery实现弹出窗口中切换登录与注册表单

    jQuery实现弹出窗口中切换登录与注册表单

    本文给大家推荐的是一款jQuery实现弹出窗口中切换登录与注册表单的特效。适用浏览器:IE8+、FireFox、Chrome、Safari、Opera。十分的方便实用,有需要的小伙伴可以参考下。
    2015-06-06

最新评论