Web开发中LightBox的选择

最新推荐文章于 2025-04-23 09:17:16 发布

文艺青年2

最新推荐文章于 2025-04-23 09:17:16 发布

阅读量90

点赞数

CC 4.0 BY-SA版权

分类专栏： PHP乐园文章标签： Web jQuery Flash 浏览器 ViewUI

本文链接：https://blog.youkuaiyun.com/ailon/article/details/83257473

PHP乐园专栏收录该内容

88 篇文章

订阅专栏

本文介绍了几种常见的Lightbox实现方式，包括LightboxJS、ThickBox、GreasedLightbox、GreyBox及LightboxGoneWild!等。这些工具不仅能够展示图片，还可以显示网页内容、Flash及视频等多媒体资料。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当您点选网页中的图片或连结时，背景会立即变暗并且出现Loading…然后跳出一个美美的方框显示图片或网页，这种效果就叫做Lightbox，底下收集了一些许多人开发或修改的Lightbox，通常都会有Demo，看个人喜好选择。

[url=http://www.huddletogether.com/projects/lightbox2/]Lightbox JS[/url]
典型也是最常见的一个，目前也出了 2.0 版，不过似乎只能显示图片而已。

[url=http://jquery.com/demo/thickbox/]ThickBox[/url]
这个也很常见，可以显示图片、网页，并且可以指定方框的大小，推荐。

[url=http://shiftingpixel.com/lightbox/]Greased Lightbox[/url]

提供装在浏览器的扩充套件，平常看图片时就会有Lightbox效果。

[url=http://www.orangoo.com/labs/GreyBox/]GreyBox[/url]

这个最强，除了可以用于图片和网页外，连flash,影片都可以显示在Lightbox弹出的方框里面。

[url=http://particletree.com/features/lightbox-gone-wild/] Lightbox Gone Wild![/url]
也可以显示网页图片，效果还不错