話說這幾年來在幫客戶建置網站時常常會使用 Lightbox 這樣的 JavaScript 來呈現圖片、影音的效果,主要是可以讓網頁不用轉跳,印象中在2-3年前發現了 Prototype , Prototype 是一個由 Sam Stephenson 開發的 JavaScript Framework,後來受到極多的程式開發者注意,主要是 Ajax 技術的應用如日中天,經由 Prototype 的容易實作更拉近了開發門檻...有更多的有趣的類似 Lightbox 工具是基於 Prototype 再衍生的,後來類似的 JavaScript Framework 也出現不少,像是 Prototype , jQuery , MooTools , Dojo Toolkit , Ext 等等...
不過在獨立的網站託管空間使用這類的 JavaScript 程式是很容易的,在一般常見的 Blog 系統就不是每個網站都能使用(這也是我搬離無名的原因之一 ^^"),現在用的 Blogger 就可以任你惡搞,不過也不是全然沒問題,一開始我就發現 Prototype 跟我使用的 Theme JavaScript 變數有相衝,因為工作忙也一直沒有解決,後來在網路上發現了這個網站 http://planetozh.com/projects/lightbox-clones 列出了目前網路上幾乎是所有的類似 Lightbox 的程式多達53種,並有多項的功能對照表,真是太感謝了~ >"<
經過測試我選用了 Shadow Box 這個 JavaScript ,主要是他本身就自帶了 AJax JavaScript Framework 而且有趣的是還可以指定其他像是 Prototype , jQuery , MooTools , Dojo Toolkit , Ext 為 JavaScript 引擎,這真的很重要,天曉得你在已經使用的程式碼中,跟那個些變數有衝突,光是 DeBug 就會死人,在 Blogger 的系統下我試了 Shadow Box 自身的、Prototype , MooTools 都有衝突,終於換到 jQuery 就沒問題了 ... 呼~爽~
好! 看到這裡,可能還有人霧煞煞,這到底是啥東東?看一下範例,以下是用 Shadow Box 呈現:
- 文字連結:菊島沙灘
- 單圖呈現方式:
- 多圖呈現方式:
當然功能不止於此,有空再來整理說明... ^^"
想不到Jerry大哥也是圈內人啊~期待續集
我不混圈內已經很久了 ... XD
這真是很好的lightbox,但是不知道著麼用...
不懂程式難道就不能使用嗎?@@嗚嗚
我好想用在我的bloger上啊....
能請你有空的話 說明一下著麼使用嗎?@o@