jQuery 是非常流行的JS框架，其俨然已成了开发者的必备工具，其中的jQuery Lightbox插件更是为广大开发者所喜爱。它惊人的特征之一是jQuery Lightbox插件有很多变化。 下面介绍30个最好的jQuery Lightbox 插件，别忘了收藏它，以防未来的设计中错过它们中的一个。 [b]1. [url=http://orderedlist.com/blog/articles/fancyzoom-meet-jquery/]Fancy Zoom (jQuery)[/url][/b] 几天前，John重写了Cabel Sasser的FancyZoom，在Prototype和Scriptaculous程序库上。我将它引入到jQuery，并做了一些改进。 [url=http://orderedlist.com/blog/articles/fancyzoom-meet-jquery/][img]http://files.jb51.net/file_images/article/201104/18103005_295I.jpg[/img] [/url] [b][url=http://static.railstips.org/orderedlist/demos/fancy-zoom-jquery/]View Live Demo[/url][/b] [b]2. [url=http://www.huddletogether.com/projects/lightbox2/]Lightbox2[/url][/b] 支持所有浏览器的简单易用的Lightbox插件。[url=http://www.huddletogether.com/projects/lightbox2/][img]http://files.jb51.net/file_images/article/201104/18103005_Und4.jpg[/img] [/url] [b][url=http://www.huddletogether.com/projects/lightbox2/]View Live Demo[/url][/b] [b]3. [url=http://balupton.com/projects/jquery-lightbox]jQuery Lightbox Plugin (balupton edition)[/url][/b] 添加一些效果HTML文本中，可用的效果包括阴影，渐变镜等。 [url=http://balupton.com/projects/jquery-lightbox][img]http://files.jb51.net/file_images/article/201104/18103006_K2Ou.jpg[/img] [/url] [b][url=http://balupton.com/sandbox/jquery-lightbox/demo/]View Live Demo[/url][/b] [b]4. [url=http://www.p51labs.com/lightwindow]LightWindow v2.0[/url][/b] LightWindow是一款基于Prototype，类似于Lightbox灯箱效果的JS特效。其特点在于高度可定制，支持[b]多种类型[/b]的媒体显示。 [url=http://www.p51labs.com/lightwindow][img]http://files.jb51.net/file_images/article/201104/18103006_DfIK.jpg[/img] [/url] [b][url=http://www.p51labs.com/lightwindow/#demos]View Live Demo[/url][/b] [b]5. [url=http://designresourcebox.com/snippet/colorbox-lightbox-plugin/]Colorbox Lightbox Plugin[/url][/b] ColorBox是个轻量级的可定制化的灯箱插件，支持jQuery 1.3 和 1.4。 [url=http://designresourcebox.com/snippet/colorbox-lightbox-plugin/][img]http://files.jb51.net/file_images/article/201104/18103006_fG9S.jpg[/img] [/url] [b][url=http://colorpowered.com/colorbox/core/example1/index.html]View Live Demo[/url][/b] [b]6. [url=http://chriswanstrath.com/facebox/]FaceBox[/url][/b] Facebox 是个Facebook风格的灯箱插件，可以显示图片、Divs，或者整个远程页面。 [url=http://chriswanstrath.com/facebox/][img]http://files.jb51.net/file_images/article/201104/18103007_2eAy.jpg[/img] [/url] [b][url=http://chriswanstrath.com/facebox/]View Live Demo[/url][/b] [b]7. [url=http://warren.mesozen.com/jquery-lightbox/]jQuery Lightbox[/url][/b] jQuery Lightbox已经成为Google Code上面的项目。每个人都可以对其作出自己的变化。[url=http://warren.mesozen.com/jquery-lightbox/][img]http://files.jb51.net/file_images/article/201104/18103007_3yng.jpg[/img] [/url] [b][url=http://cssglobe.com/lab/fading_text_links/]View Live Demo[/url][/b] [b]8. [url=http://reghellin.com/milkbox/]Milkbox[/url][/b] Milkbox具有很多的新功能，比如画廊对象的定义、flashvars、html文件等。同时，你也可以安全的使用它通过mootools VX兼容模式。它已经支持IE9。 [url=http://reghellin.com/milkbox/][img]http://files.jb51.net/file_images/article/201104/18103007_AWH5.jpg[/img] [/url] [b][url=http://reghellin.com/milkbox/]View Live Demo[/url][/b] [b]9. [url=http://fancybox.net/]FancyBox[/url][/b] FancyBox可以显示图片、HTML内容、及多媒体。[url=http://fancybox.net/][img]http://files.jb51.net/file_images/article/201104/18103008_9jQo.jpg[/img] [/url] [b][url=http://fancybox.net/]View Live Demo[/url][/b] [b]10. [url=http://jquerylightbox.com/jquery-lightbox.htm]Visual jQuery LightBox[/url][/b] Visual jQuery LightBox，免费的向导程序，无需一行代码，就可以做成在线的画廊。[url=http://jquerylightbox.com/jquery-lightbox.htm][img]http://files.jb51.net/file_images/article/201104/18103008_jh9S.jpg[/img] [/url] [b][url=http://visuallightbox.com/lightbox-mac-style-demo.html]View Live Demo[/url][/b] [b]11. [url=http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/]prettyPhoto [/url][/b] prettyPhoto是jQuery lightbox的克隆。它支持图片、视频、flash、YouTube、iframes等。 [url=http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/][img]http://files.jb51.net/file_images/article/201104/18103009_TyxU.jpg[/img] [/url] [b][url=http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/]View Live Demo[/url][/b] [b]12. [url=http://www.pirolab.it/pirobox/]PIROBOX[/url][/b] pirobox，其重要的一点是支持打开所有类型的文件，另外是自动的图片尺寸设定及拖曳。 [url=http://www.pirolab.it/pirobox/][img]http://files.jb51.net/file_images/article/201104/18103009_Ig4B.jpg[/img] [/url] [b][url=http://www.pirolab.it/pirobox/]View Live Demo[/url][/b] [b]13. [url=http://www.shadowbox-js.com/index.html]Shadowbox [/url][/b] Shadowbox由JS和CSS编写，可高度定制。 [url=http://www.shadowbox-js.com/index.html][img]http://files.jb51.net/file_images/article/201104/18103009_E4AL.jpg[/img] [/url] [b][url=http://www.shadowbox-js.com/index.html]View Live Demo[/url][/b] [b]14. [url=http://designresourcebox.com/snippet/litebox-jquery-plugin/]Litebox jQuery Plugin[/url][/b] Litebox是Lightbox V2.0的修改版，尺寸减小。[url=http://designresourcebox.com/snippet/litebox-jquery-plugin/][img]http://files.jb51.net/file_images/article/201104/18103009_DL68.jpg[/img] [/url] [b][url=http://www.doknowevil.net/litebox/]View Live Demo[/url][/b] [b]15. [url=http://jquery.com/demo/thickbox/]ThickBox[/url][/b] ThickBox是一个基于JQuery类库的扩展，它能在浏览器界面上显示非常棒的UI框， 它可以显示单图片，多图片，ajax请求内容或链接内容. .[url=http://jquery.com/demo/thickbox/][img]http://files.jb51.net/file_images/article/201104/18103010_hd9A.jpg[/img] [/url] [b][url=http://jquery.com/demo/thickbox/]View Live Demo[/url][/b] [b]16. [url=http://www.jasons-toolbox.com/SlightlyThickerbox]Slightly ThickerBox[/url][/b] Slightly ThickerBox是Cody Lindley的Thickbox的修改版。改版增加了翻页功能链接，也就是做你可以用它做画廊了。[url=http://www.jasons-toolbox.com/SlightlyThickerbox][img]http://files.jb51.net/file_images/article/201104/18103010_SQp5.jpg[/img] [/url] [b][url=http://www.jasons-toolbox.com/SlightlyThickerbox]View Live Demo[/url][/b] [b]17. [url=http://mondaybynoon.com/2006/03/27/suckerfish-hoverlightbox/]Suckerfish HoverLightbox [/url][/b] 第一眼就是非常漂亮。包括了Lokesh Dhakar 写的Lightbox JS。这些高手写出来的东西，拓展性很强。 [url=http://mondaybynoon.com/2006/03/27/suckerfish-hoverlightbox/][img]http://files.jb51.net/file_images/article/201104/18103010_zBo1.jpg[/img] [/url] [b][url=http://www.mondaybynoon.com/examples/suckerfish_hoverlightbox/horizontal.html]View Live Demo[/url][/b] [b]18. [url=http://nyromodal.nyrodev.com/]NyroModal[/url][/b] 设计师们就似乎更喜欢使用多模态窗口，为他们提供了一个快捷方式来表明无需重载整个页面的数据。它易于使用和易于设计。[url=http://nyromodal.nyrodev.com/][img]http://files.jb51.net/file_images/article/201104/18103010_JZft.jpg[/img] [/url] [b][url=http://nyromodal.nyrodev.com/]View Live Demo[/url][/b] [b]19. [url=http://www.nickstakenburg.com/projects/lightview/]Lightview[/url][/b] Lightview的建立是为了改变你在网页上覆盖内容的方式。[url=http://www.nickstakenburg.com/projects/lightview/][img]http://files.jb51.net/file_images/article/201104/18103011_hqN2.jpg[/img] [/url] [b][url=http://www.nickstakenburg.com/projects/lightview/]View Live Demo[/url][/b] [b]20. [url=http://www.intelliance.fr/jquery/imagebox/]Interface Imagebox [/url][/b] Interface Imagebox是jQuery的接口插件。[url=http://www.intelliance.fr/jquery/imagebox/][img]http://files.jb51.net/file_images/article/201104/18103011_AP99.jpg[/img] [/url] [b][url=http://www.intelliance.fr/jquery/imagebox/]View Live Demo[/url][/b] [b]21. [url=http://leandrovieira.com/projects/jquery/lightbox/]jQuery lightBox plugin[/url][/b] jQuery lightBox plugin简单、优雅、乖巧。 [url=http://leandrovieira.com/projects/jquery/lightbox/][img]http://files.jb51.net/file_images/article/201104/18103011_gLXu.jpg[/img] [/url] [b][url=http://leandrovieira.com/projects/jquery/lightbox/]View Live Demo[/url][/b] [b]22. [url=http://jqueryglobe.com/article/imgbox]imgBox [/url][/b] 因此，在几个星期前我开始有挑战性的项目工作 - imgBox。 imgBox是一个jQuery插件，实现了对图像平滑变焦效果。 下载尝试一下吧？ [url=http://jqueryglobe.com/article/imgbox][img]http://files.jb51.net/file_images/article/201104/18103011_xBoU.jpg[/img] [/url] [b][url=http://jqueryglobe.com/labs/imgbox/]View Live Demo[/url][/b] [b]23. [url=http://designresourcebox.com/snippet/greybox-jquery-lightbox/]GreyBox jQuery Lightbox[/url][/b] GreyBox jQuery Lightbox用最漂亮的方式显示站点、图片等内容。 [url=http://designresourcebox.com/snippet/greybox-jquery-lightbox/][img]http://files.jb51.net/file_images/article/201104/18103012_iXoM.jpg[/img] [/url] [b][url=http://orangoo.com/labs/GreyBox/]View Live Demo[/url][/b] [b]24. [url=http://bunnyfire.co.uk/projects/picbox/]Picbox [/url][/b] Picbox在Slimbox的基础上改进，它的特点在于自动调整尺寸大小，以及大图片的缩放功能。 [url=http://bunnyfire.co.uk/projects/picbox/][img]http://files.jb51.net/file_images/article/201104/18103012_jydI.jpg[/img] [/url] [b][url=http://bunnyfire.co.uk/projects/picbox/]View Live Demo[/url][/b] [b]25. [url=http://particletree.com/features/lightbox-gone-wild/]Lightbox Gone Wild[/url][/b] [url=http://particletree.com/features/lightbox-gone-wild/][img]http://files.jb51.net/file_images/article/201104/18103012_SXER.jpg[/img] [/url] [b][url=http://particletree.com/examples/lightbox/]View Live Demo[/url][/b] [b]26. [url=http://www.ericmmartin.com/projects/simplemodal/#demo]SimpleModal[/url][/b] SimpleModal，轻量级的jQuery插件，具有强大的界面。可认为他是模态窗口的框架，具有很强的灵活性。 [url=http://www.ericmmartin.com/projects/simplemodal/#demo][img]http://files.jb51.net/file_images/article/201104/18103013_aEpK.jpg[/img] [/url] [b][url=http://www.ericmmartin.com/projects/simplemodal-demos/]View Live Demo[/url][/b] [b]27. [url=http://onehackoranother.com/projects/jquery/boxy/]boxy[/url][/b] [url=http://onehackoranother.com/projects/jquery/boxy/][img]http://files.jb51.net/file_images/article/201104/18103013_nSvj.jpg[/img] [/url] [b][url=http://onehackoranother.com/projects/jquery/boxy/tests.html]View Live Demo[/url][/b] [b]28. [url=http://highslide.com/]Highslide JS[/url][/b] Highslide JS是图片、媒体、画廊的查看器。 [url=http://highslide.com/][img]http://files.jb51.net/file_images/article/201104/18103013_ojrZ.jpg[/img] [/url] [b][url=http://highslide.com/]View Live Demo[/url][/b] [b]29. [url=http://www.digitalia.be/software/slimbox2]Slimbox 2[/url][/b] Slimbox 2 是Lighbox 2的克隆，100%兼容Lightbox 2。它非常小巧、友好，仅4KB。 [url=http://www.digitalia.be/software/slimbox2][img]http://files.jb51.net/file_images/article/201104/18103013_pgmC.jpg[/img] [/url] [b][url=http://www.digitalia.be/software/slimbox2]View Live Demo[/url][/b] [b]30. [url=http://bogde.ro/computers/picasa-lightbox.htm]Picasa LightBox[/url][/b] Picasa LightBox是WordPress插件，你可以轻松添加Picasa图片到你的WordPress文章和页面中。 [url=http://bogde.ro/computers/picasa-lightbox.htm][img]http://files.jb51.net/file_images/article/201104/18103014_IRwz.jpg[/img] [/url] [b][url=http://bogde.ro/life/picasa-lightbox-gallery.htm]View Live Demo[/url][/b]