在Blogspot上面使用LightBox2。
【安裝】
- 下載 LightBox source code from
http://www.huddletogether.com/projects/lightbox2/ - 由於部落格是使用blogspot，而LightBox2是放在另一個網站，所以要更改下面檔案內容，將裡面的放gif圖的檔名路徑改成絕對路徑。指到放到LightBox2的網站。
- js/lightbox.js
- css/lightbox.css
- 將LightBox2放到網站上。
【設定】
- 在Blogspot的<html>和<title>中加入，當然也要加上絕對路徑。目前是以還沒加上絕對路徑的為範例。
<script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
【使用】
直接由LightBox2那邊借圖作Demo。
- 單獨，點小圖會出現大圖。
- 群組，點第一張之後，可以接著換到下一張。
【參考】
- jQuery lightBox plugin，看起來很類似。
http://leandrovieira.com/projects/jquery/lightbox/ - Lightbox 收集
http://blog.linym.net/archives/106
【問題】
- 群組方式，有類似幻燈片撥放的功能嗎?
