Lightbox 收集

六月 11th, 2006

最近很容易可以看到這個效果,也就是當您點選網頁中的圖片或連結時,背景會立即變暗並且出現 Loading... 然後跳出一個美美的方框顯示圖片或網頁,這種效果就叫做 Lightbox,底下收集了一些許多人開發或修改的 Lightbox,通常都會有 Demo,看個人喜好選擇囉。

Lightbox JS
典型也是最常見的一個,目前也出了 2.0 版,不過似乎只能顯示圖片而已。

ThickBox
這個也是很常見,可以顯示圖片、網頁,並且可指定方框的大小,推薦。

Greased Lightbox
提供裝在瀏覽器的擴充套件,平常看圖片時就會有 Lightbox 效果。

GreyBox
這個就厲害了,除了可以用於圖片和網頁外、連 flash、影片都可以顯示在 Lightbox 彈出的方框裡面。

Lightbox Gone Wild!
也是可以顯示網頁、圖片,效果還不錯。

Lightbox plus
增加圖片縮放功能,對於圖片尺寸大於螢幕解析度時可以點選放大的圖示,觀看圖片完整尺寸。(由 RB 補充)

Lightbox Jojo
在顯示圖片前可以先瀏覽一張圖片,圖片開啟後可以在圖片的上個圖層再放一張圖片。(由 RB 補充)

網頁設計 ,

  1. 六月 11th, 2006 at 18:53 | #1

    還有個玩意兒叫 GreyBox(http://amix.dk/projects/GreyBox),另一個叫 BItty Browser(http://www.bitty.com/)

  2. 六月 11th, 2006 at 22:49 | #2

    感謝 Drake 補充,原本我第四個是在講 GreyBox 的,竟然搞錯了 XD
    至於 Bitty Browser,我看不懂怎麼用耶 Orz

  3. 六月 13th, 2006 at 01:34 | #3

    Bitter Browser 我還沒有試過,只知道這類像是 window-in-window, picture-in-picture 之類的東西愈來愈多了XD

  4. 六月 30th, 2006 at 09:34 | #4

    感謝分享!!不錯的好東西!!

  5. RB
    七月 14th, 2006 at 17:33 | #5

    Lightbox 相關資源

    Lightbox plus
    http://serennz.cool.ne.jp/sb/sp/lightbox/index_ja.html
    增加圖片縮放功能,對於圖片尺寸大於螢幕解析度時可以點選放大的圖示,觀看圖片完整尺寸

    Lightbox Jojo
    http://serennz.cool.ne.jp/sb/sp/lightbox/index_jojo.html
    再顯示圖片前可以先瀏覽一張圖片,圖片開啟後可以在圖片的上個圖層再放一張圖片

    可是我還是選擇了 ThickBox,畢竟有支援網頁比較吸引人 >_

  6. 九月 19th, 2006 at 11:42 | #6

    呵呵, 無意見看到了這篇文章, 馬上就來試了一下, 果然非常的給它有趣喔! 呵呵...

  7. 十一月 3rd, 2006 at 23:29 | #7

    哇﹐相見恨晚﹐剛把 Gallery2 改完可以用 Lightbox 而已
    就看到這麼多演伸出來的 Lightbox!

  8. 十二月 17th, 2006 at 19:32 | #8

    剛樂在 tw-drupal 社群上,把這一頁推薦上去了,好的內容就要給它好好的推薦一番 :)

    http://tw-drupal.info/node/240

  1. 九月 22nd, 2006 at 02:19 | #1
  2. 七月 8th, 2008 at 07:06 | #2
  3. 九月 12th, 2009 at 15:41 | #3