ThickBox 2.0，基于 jQuery 运行

发布日期 作者

ThickBox 是一个由 Cody Lindley 编写的类似 Lightbox 的浏览器模态窗口框架，它运行在 jQuery 库 之上，现在进行了升级。新的 2.0 版本添加了灰盒功能（内嵌框架内容）、图像集支持（类似于 Lightbox 2.0 的功能），现在运行在 jQuery 1.0 上，以及其他功能。

你可能会问自己

“如果 ThickBox 2.0 能做同样的事情，为什么我不直接使用 Lightbox 2.0 呢？”

答案很简单。未压缩的 jQuery 库和 ThickBox 附加脚本的总大小为 **仅 51kb**（如果 jQuery 压缩后，仅为 27kb），而 Lightbox 的 Javascript 文件单独加起来则超过 **100kb**。想想这节省了多少带宽，以及最终用户加载速度的提升。

有人能为孩子们最终用户

想想吗？

ThickBox 相比 Lightbox 另一个优势是，如果浏览器窗口太小，无法在不滚动的情况下全尺寸显示图像，图像会 **自动调整大小**。此外，在 ThickBox 中，单击模态窗口外部即可关闭它，而在 Lightbox 中，必须单击“关闭”按钮才能将其从屏幕上移除。

访问 ThickBox 演示网站，了解有关安装、不同技术（包括内嵌框架内容和 AJAX 内容）的演示以及支持信息的说明。

目前支持和测试的浏览器包括 Internet Explorer 6 和 7、Firefox 1.5+（在 OS X 和 Windows 上）、Opera 9+ 以及 Safari 1.3.2 和 2.0.3，不过它应该可以在任何现代浏览器上运行。ThickBox 受 MIT 许可 保护。

  1. Patrick Haney 于 说：

    Wesley 说得对。我稍微编辑了一下这篇文章，以反映未压缩时，ThickBox 和 Lightbox 之间的差异超过 50kb。这可能是一个更好的比较，尤其是我不确定 Lightbox 文件压缩后的情况。

    尽管如此，ThickBox 即使在未压缩的情况下，文件大小也只有 Lightbox 的一半，这令人印象深刻。

  3. Cody Lindley 于 说：

    Nate，抱歉……我确实忘了。我需要在网站上感谢你为加载动画提供的图形。我今晚会修复它。是我的错！

  4. Dan Atkinson 于 说：

    你没有提到 Thickbox 可以显示 HTML 的能力，这是它相比 Lightbox 的另一个巨大优势。

  5. Patrick Haney 于 说：

    Dan：说得好，我忘了 Lightbox 做不到这一点。我已经使用 ThickBox 很长时间了，都没有考虑到这一点。

    Luna：当前的稳定版 jQuery 还没有达到 1.0，我认为 1.0 版本正处于 alpha 阶段（你得问问 John）。但是 Cody 想使用一些新功能，而 1.0 是实现这些功能的最佳方式。

  6. Patrick Haney 于 说：

    Steven：在大多数情况下，会使用压缩的 Javascript，除非开发者希望定期修改它。我使用未压缩文件大小的比较，因为我不知道 Lightbox 2.0 压缩后的情况。