Flickr的絕對魅力，我想大家應該都知道了，這邊不多說，本篇文章主要是來分享一下Flickr的進階玩法。(請注意，是"玩法"，不是"用法")

Flickr在2004年迅速竄紅，這個線上相片分享服務提供了很多獨特的交流功能，簡單一點說，Flikcr就有點像是一個影像Blog，除了基本的文字部分的留言功能外，玩法還包括有note、tags、groups、set、flash slideshow、organizr、Favorites、flickrlive等等，每種玩法都把所有的使用者"黏的緊緊的"，一試成主顧可說一點也不誇張。

不過除了Flickr網站本身的功能外，flickr本身也提供了很多附加功能，供廣大的blogger族群將圖片"拉"到自己家裡頭顯示，其中最被廣為使用的不外乎Zeitgeist以及Flickr badge，而後者更可以CSS的方法自訂顯示格式，以配合各個網站不同的風格需要。

湯姆叔日前揭露了如何將Flickr裡的Slideshow相簿抓到網站內顯示的方法，利用基本的iframe功能，幾行語法便可以輕輕鬆鬆的將網站裝潢得很像那麼一回事，又是flash，又是互動按鈕的，當場SimpleViewer跟PostcardViewer馬上尷尬起來..呵呵

該文中酋長問道：如果只想納入單張圖，並顯示出notes在上面(也就是有flash的效果）要加的網址又是什麼呢?

其實，所有的答案都在網頁的Source code裡。

但是基本上實際的應用面不大，應該可以說根本沒有，因為步驟真的太多了，不過為了發揚極度實驗及無私分享的部落格精神，看看能不能起拋磚引玉之效(我可能想太多了)，有興趣的朋友請繼續看下去，沒時間跟我玩的朋友可以逕自掠過下文。

以酋長的這張位於flickr的相片為例，想玩玩看的朋友請依以下步驟跟作。

• 請不要做登入的動作，前往任何一個flickr單篇網頁，並叫出原始碼。(Firefox的使用者可以直接利用Ctrl+U)
• 大約在120行左右地方應該可以看到長得像下面這段語法敘述：

<script type="text/javascript">
var ps_nsid = '';
var ps_photo_id = '3325555';
var ps_photo_secret = '1ca740691b';
var ps_photo_server = '2';
var ps_photo_character_id = '79089269@N00';
var ps_w_flash = '558';
var ps_h_flash = '377';
var ps_photo_time = '0';
var ps_magisterLudi = '3a14b8b2986ea1490d7238857a061710'; //據報本參數會隨機跳動，因此這個方法應該算夭折了..
var ps_border_size = '1';
var ps_isfav = 0;
var ps_candownload = 1;

writeSwfOrImg = function() {

if (okForSomeFlash()) {
var ps_url = '/photoswf/photo.swf?magisterLudi='+ps_magisterLudi+'&
border_size='+ps_border_size+'&pt='+ps_photo_time+'&
nsid='+ps_nsid+'&photo_id='+ps_photo_id+'&
photo_secret='+ps_photo_secret+'&
photo_server='+ps_photo_server+'&isfav='+ps_isfav+'&
candownload='+ps_candownload+'&thisv=1.12&v=1.44';

• 各位可以看到有部分的參數我用紅色標出來，這些就是我們需要的重要資料了。不過由於flickr使用java核心，沒辦法簡單的用Copy/Paste來偷，那我們就用智取，呵呵
• 其中顯示相片所使用的flash位址就是各位看到藍色的部分，請仔細看，會發現這句語法中充斥著something='+something+'&something='+something+'
  各位發現規則了嗎？只要將語法中斜體部分參照上述紅色部分依照不同欄位分別填入，沒有數值得就不要填，這樣便完成第一步也是最重要的一步。
• 所以，將相關參數填滿後，看起來應該想是這樣(我將之分段顯示，易於閱讀)

http://www.flickr.com/photoswf/photo.swf?
magisterLudi=3a14b8b2986ea1490d7238857a061710&
border_size=1&
pt=0&
nsid=&
photo_id=3325555&
photo_secret=1ca740691b&
photo_server=2&
isfav=0&
candownload=0& //這邊改成0，是為了將圖片左側的"All Sizes"連結隱藏起來
thisv=1.12&
v=1.44

• 現在可以利用上面這串測試一下是否可以正常連結，若都沒凸槌的話，應該可以顯示一張裡面包含著notes的Flash圖片，像這樣。
• 最後，用iframe嵌入你的網頁，使用語法如下：

<iframe frameborder="1" width="558" height="377"
scrolling="no" src="上面那一大串"></iframe>

• 完工。請見實作範例 (Mozilla/Firefix Only)

重要更新：剛剛發現，本法在IE下無法顯示，原因不明，也不想找了，基本上應該不會有人想要作，大家看看就好。

補充

• 若沒有將candownload設為0，那一旦讀者點了All Sizes按鈕，那你的頁面就花了
• 圖片的左側會出現一段寬約40px的空白，那是flickr為控制列預留的空間，我想應該是無法取下。
• 結論是，這招夠"無用"吧！不過起碼不是不可能就是了..

更新：

• 才剛說沒應用面，馬上就被Philipz將了一軍，哈！
  Philipz將notes應用於Cruise Control，看起來相當不錯。