我的照片通常會分兩個部份，一個是利用 flickr 空間，擺在這個 blog 裡的靜態展示，另一種方式是放在另外的主機，搭配 flash 版的 SimpleViewer 播放，不過最近一直覺得 SimpleViewer 播放的效果很糟，不知道是不是縮圖用的演算法不好，感覺每張照片都不太清楚，一開始以為是自己照得不好，但進到 Picasa 一看卻又不會，另外經過 flickr 縮過的圖，也沒這個問題，看樣子是時候換掉 SimpleViewer 了。
Greasemonkey 有一個應該算蠻知名的套件「Greased Lightbox」，用來顯示 flickr 上的成堆照片還蠻不錯用的，一直想把這類的功能加到我的相簿裡，不過礙於 javascript 能力不足，遲遲沒有動工。昨天趁著整理完出遊的照片，剩下的時間又懶得唸書，便想一鼓作氣一了心願。
一開始找到的幾乎都是 Lokesh Dhakar 的作品 Lightbox 2，一開始沒看清楚說明，裝了才發現原來這是泛用各網頁的 javascript，後來又找到一個 for wordpress 的，不過他介紹文章一開頭又說了個看起來是精簡版的 lightbox — Slimbox WordPress Plugin。既然網頁把他說得這麼厲害，我當然就採用啦！
安裝是蠻簡單的，解壓縮後再到控制台裡 activate 即可，使用的話，必須在圖片外面包一個 <a> tag，裡面要有 rel="lightbox" 屬性，按照我原本相簿裡的寫法，<a> tag 本來就有，不過連回去的是照片所在的 flickr 頁面，這時只好再把專門拿來生相簿 html code 的程式稍做修改，大致改好後，就可以運作了。
其實最花時間的是這一步，因為 flickr 要求所有外連的照片都要能連回 flickr 的頁面，我原本的作法當然沒問題，只是改用 Slimbox 後，就連不回去了，雖然 flickr 應該不會找我這沒啥流量的網站開刀，不過以防萬一，還是盡量避免的好，於是花了點功夫，在頁面的右下角再加上一個 flickr logo，這樣應該算勉強符合它的規範吧？ ^^a
喔～好久沒碰程式，看了一整晚也是頭暈眼花，不過看到相簿有點進步，心裡還是有點小成就啦！
F1
2008/07/12請問如何連回ｆlickr
謝謝
tsaiid
2008/07/12我改的程式只適用於 slimbox v1.2，現在新版的已經不能用。
在 init: function(options) {} 裡加入:
this.flickr = new Element('a', {'id': 'lbFlickrLink', 'href': '', 'title': 'Click to comment'}).injectInside(this.bottom);在 nextEffect: function(){ 裡加入:
var flickrPage = this.images[this.activeImage][0].match(/flickr\.com\/\d+\/(\d+)_/);
if (flickrPage) {
this.flickr.setProperty('href', 'http://www.flickr.com/photos/your flickr id/'+flickrPage[1]+'/');
this.flickr.style.display = '';
} else {
this.flickr.style.display = 'none';
}
請小心使用～