P's & Love
It's my life68
polaristin
1985/07/23
Taipei, Taiwan
台南人，現於台北唸書，目前為碩二研究生
之前介紹過的Lightbox JS出v2.0新版本了，介面變得更炫，而且也支援多張圖檔顯示，老話一句，試試看就知道囉。
8/27 update：由於現在放用Flickr相簿，故不再使用lightbox功能，想知道效果的可直接到Lightbox網站觀看。
有了上次的經驗之後，這次弄起來輕鬆多了，雖然我做的教學不一定有用，不過還是看看能不能幫到什麼人囉。
1. 下載Lighbtox JS v2.0後解壓縮，把Lightbox2資料夾內的css、js、images三個資料夾放到你的模板資料夾底下（以我來說是/lifetype/templates/blog_1/andreas01-2col/ 底下）。
2. 修改header.template
在<head>跟</head>中間加上<script src="{$url->getTemplateFile("js/prototype.js" )}"type="text/javascript"><script src="{$url->getTemplateFile("js/scriptaculous.js" )}"type="text/javascript"><script src="{$url->getTemplateFile("js/lightbox.js" )}"type="text/javascript"><link rel="stylesheet" href="{$url->getTemplateFile("css/lightbox.css" )}"type="text/css" media="screen" />
理論上這樣就完成了，至於用法的話跟之前一樣，如果是單張圖片的話加上
<a title="想顯示的標題" rel="lightbox" href="圖片位址">
若是要多張圖片串起來的話，則要多加上[roadtrip]，如
<a title="想顯示的標題" rel="lightbox[roadtrip]" href="圖片位址"><a title="想顯示的標題2" rel="lightbox[roadtrip]" href="圖片位址2">
順帶一提，一樣是要等網頁全部讀取完才會出現效果，而且v2.0取消了按x關閉，這點我倒是覺得蠻可惜的，祝各位使用順利囉。
4/6更新 網站上更新到v2.02，已經可以用鍵盤的x關閉，這樣方便多了。
Related posts:
No Responses so far | Have Your Say!
Leave a Feedback
Bad Behavior has blocked 116 access attempts in the last 7 days.
Said 104food美食王 on 2010-07-14 13:23:18
Said polaristin on 2010-05-02 22:11:22
Said lulalala on 2010-05-01 11:57:46
Said ann on 2010-04-26 22:21:34
Said flyH on 2010-02-20 09:36:22
Said 3D 骨刺 on 2010-02-20 08:43:41