lightbox_jQuery lightBox，ColorBox，FancyBox，Thickbox

lightbox

似乎每个人最近都在问这个问题！这些lightbox / thickbox / fancybox / colorbox jQuery插件有什么共同点，它们有什么区别？我以为我要去做下一个博客任务，这就是结果。 我还包括了WordPress选项的下载链接，因为它们也都可以与WordPress一起使用。

相关文章：

什么是jQuery lightBox？

灯箱

它是jQuery的插件，灵感来自Lokesh Dhakar的 Lightbox JS 。

特征：

>简单，优雅且实用的插件。
>不需要额外的标记。
>可定制的jQuery lightBox插件。
>用于通过jQuery选择器的功能和功能在当前页面上覆盖图像。
>它具有一些您可以在调用时定义的配置。

资源
 演示版
 下载

对于WordPress选项：

Lightbox Plus允许用户查看较大版本的图像，而不必离开当前页面。灯箱能够将灯箱添加到WordPress画廊图像中，以叠加形式显示简单的幻灯片，视频，表单和外部内容。

资源
 演示版
 下载

什么是jQuery ColorBox？

彩盒

是适用于jQuery 1.3+的轻量级可自定义灯箱插件。轻巧（9kb），支持照片，照片组，幻灯片，Ajax，嵌入式和iframed内容。

特征：

>完全不引人注目的插件。
>选项在JS中设置，不需要更改现有HTML。
>外观是通过CSS控制的，因此可以重新设置样式。
>可以通过回调和事件挂钩进行扩展，而无需更改源文件。
>将即将拍摄的图像预加载到照片组中。
>在包括imgur在内的成千上万个网站上使用。

资源
 演示版
 下载

对于WordPress选项：

用于WordPress的Colorbox / Lightbox插件具有11个主题供您选择。下图是11个主题的两个示例。

资源
 演示版
 下载

什么是jQuery FancyBox？

花式盒子

它是一种工具，用于以浮动在网页顶部的Mac样式的“灯箱”显示图像，HTML内容和多媒体。

特征：

免费学习PHP！

全面介绍PHP和MySQL，从而实现服务器端编程的飞跃。

~~原价$ 11.95~~ 您的完全免费

>可以显示图像，HTML元素，SWF电影，iframe和Ajax请求。
>可通过设置和CSS进行自定义。
>将相关项目分组并添加导航。
>如果页面中包含鼠标滚轮插件，则FancyBox也将响应鼠标滚轮事件。
>通过使用缓动插件支持花式过渡。
>在缩放的项目下添加漂亮的阴影。

资源
 演示版
 下载

对于WordPress选项：

FancyBox for WordPress是一个WP插件，使用jQuery在单击时显示图像，而无需重新加载页面。它使用Janis Skarnelis的FancyBox。

资源
 演示版
 下载

什么是jQuery Thickbox？

厚盒

ThickBox是在jQuery库顶部用JavaScript编写的网页UI对话框小部件。它的功能是以混合模式显示单个图像，多个图像，内联内容，iframed内容或通过AJAX提供的内容。

thickbox

特征：

> ThickBox是使用超轻量级的jQuery库构建的。压缩后，jQuery库为20k，未压缩时为58k。
> ThickBox JavaScript代码和CSS文件仅在jQuery代码之上添加了额外的15k（通过使用thinbox-compressed.js仅增加了10k）。如果需要，可以另外压缩CSS文件。
> ThickBox将调整大于浏览器窗口的图像大小。
> ThickBox提供多功能性（图像，iframed内容，内联内容和AJAX内容）。
> ThickBox将隐藏Windows IE 6中的表单元素。
>即使用户滚动页面或更改浏览器窗口的大小，ThickBox仍将在窗口中居中。单击图像，覆盖或关闭链接将删除ThickBox。
>由于ThinBox创建者的观点，过渡应该由个别作者定制，因此ThinBox窗口不实现花哨的过渡。随意添加它们，如果您认为合适。这是功能吗？好吧，有人可能会说是。
>可以从链接元素，输入元素（通常是按钮）和区域元素（图像映射）中调用ThickBox。

资源
 演示版
 下载

对于WordPress选项：

Thickbox也可以作为wordpress插件使用。如果您想将ThickBox嵌入博客中，只需安装此插件，就可以在任何需要的地方插入兼容ThinBox的标记，并且一切就绪。

wordpress-thickbox

资源
 演示版
 下载

结论

如果您要彻底研究这四个插件，您会发现它们彼此之间并没有太大区别。它们都是轻量级的，可以通过设置和CSS进行个性化/自定义。选项是在JavaScript中设置的，不需要更改现有HTML标记。所有这些都是完全不引人注目的插件，它们是专门为自己的目的而构建的。请记住，尽管不再维护Thinbox，并且首选Colorbox和Fancybox。