2008 2008年 10月 3日

简单,轻巧,跨您的网页浏览器收藏夹

不是只有少数的灯箱时,你可以找到你谷歌。 灯箱,我发现大部分的问题是,他们似乎都使用一个或其他重JavaScript框架如jQuery,原型,MooTools和喜欢。 他们都是冷静和时髦的期待。 但是,如果你的要求是:“ 但我想一个我的网站的简单和轻量级的灯箱脚本 ”,然后在这里,它是;

这个灯箱一些不错的功能

  1. 很轻
    一个。 包装时的脚本4KB(8 KB解压)
    2。 2 KB的CSS
    C。 几行的HTML灯箱容器
  2. 简单地理解和贯彻
  3. 可以在同一页上有多个灯箱。
  4. 相同的灯箱容器用来显示不同​​的内容(这是隐藏在页面部门分别包括),根据选项,点击链接/。
  5. 自动居中,同时考虑到所有因素,例如窗口的高度和宽度(屏幕分辨率),页面滚动量和灯箱内容的高度
  6. 测试IE 7&FF

观看演示 |
下载的灯箱来源邮编(下载1797次)


在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: -灯箱右上角密切灯箱手柄上的形象。 按设计可以使用任何图像

观看演示 |
下载的灯箱来源邮编(下载1797次)

请让我们有您的意见和反馈...


NDK的家 | 表达它 表示唇腭裂 表示Penmenship 表示敬畏 表达自己