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 表示敬畏 表達自己