简单,轻巧,跨您的网页浏览器收藏夹
不是只有少数的灯箱时,你可以找到你谷歌。 灯箱,我发现大部分的问题是,他们似乎都使用一个或其他重JavaScript框架如jQuery,原型,MooTools和喜欢。 他们都是冷静和时髦的期待。 但是,如果你的要求是:“ 但我想一个我的网站的简单和轻量级的灯箱脚本 ”,然后在这里,它是;
这个灯箱一些不错的功能
- 很轻
一个。 包装时的脚本4KB(8 KB解压)
2。 2 KB的CSS
C。 几行的HTML灯箱容器 - 简单地理解和贯彻
- 可以在同一页上有多个灯箱。
- 相同的灯箱容器用来显示不同的内容(这是隐藏在页面部门分别包括),根据选项,点击链接/。
- 自动居中,同时考虑到所有因素,例如窗口的高度和宽度(屏幕分辨率),页面滚动量和灯箱内容的高度
- 测试IE 7&FF
在zip文件中使用[档案]灯箱
jo.js,jo_pack.js [包装版本]: -一个简单的JavaScript对象集[联办],其中包含的元素,窗口和文件定位脚本。 你可以打开JO.JS,如果你想创建抽象的功能,一些高级Javascripting让你的手脏,延长元素的属性等。 如果你不是太在Javascripting多少,不要管它。
lightbox.js,lightbox_pack.js [包装版本]: -包含灯箱经理脚本。 如果你是网页设计师,还负责执行页面上的灯箱,你需要了解LightBoxManager。 LightBoxManager基本上包含两个功能showLightBox,和closeLightBox。
lightbox.css: -如果你知道的CSS,你可以发挥与lightbox.css定制的外观,N-感觉lightbox.css
灯箱两种不同的内容,实施的index.html:样品
lb_underlay_bkg.png: -这是光/西米透明图像用于灯箱底图的背景[底图是低于lighbox,防止用户点击页面上的任何其他实体层,而灯箱开放]。 为此目的,你可以使用任何图像或纯色,取决于的页面设计和要求。
icon_lb_close.gif: -灯箱右上角密切灯箱手柄上的形象。 按设计可以使用任何图像
请让我们有您的意见和反馈...










































