風清雲淡

》前言

在Jan's Tech Blog看到這篇"會說故事的BubbleShare相簿"
引起我的興趣
試用之後 發現對我等網誌大業似乎頗有些用處
特此一記 與興趣者一同分享

》基本認識

與目前幾家最為流行或大家最習以為常的相簿服務網站不同
BubbleShare是以單一相簿為構成基礎 使用者不用開戶（申請帳號）
所以並沒有限制個人的使用上限（甚至似乎連單本相簿也沒設限）
而且相簿開設之後只能更名 不能刪除
即使其中的圖片全部刪除 相簿依舊存在
不過點進去之後看不到圖片就是了

它無法站內蒐尋 也沒有隨機展示的首頁
每本相簿的編號又都是不規則的亂數 光平手氣難以試出
所以除非知道確切的網址
否則幾乎不可能有機會拜訪其他人的相簿
這點對那些想裝神秘或搞自閉的人來說 應該相當討喜

至於使用
經由網頁介面或iPhoto都能夠上傳圖片
然後以slideshow或縮圖索引的方式來展示、分享
並透過回應功能來互動
此外 它還提供RSS訂閱功能
以便使用者掌握該本相簿的最新變動

不過 目前BubbleShare所提供的服務還只是beta版
所以有些功能看得到 卻尚且無法使用
請不要以為自己受到不平等對待

》操作

很簡單 沒什麼好講的
以我使用網頁介面上傳來說 前後只有三個步驟：
‧按下"Add Photo"鍵 把要上傳的圖片一張一張地挑選出來
‧按下"Create Album"鍵 依照網頁指示填入Name、Email Address與Album Name
　並勾選同意它們的"Terms and Conditions"
‧按下"OK"鍵 開始上傳
其中第二個步驟要注意一下
"Album Name"之後還可以改 亂填沒關係
但"Email Address"一定要確實填入一個可靠的信箱 否則事情就大條了
為什麼？
等一下你就知道

上傳的過程當中 它會以百分比的方式告知目前進度
同時我們還可以看到三句話：

Thank you.
Once your upload is complete you will be able to modify and easily share your album.
You will also receive two emails to help you manage and share this album.

上傳完成之後 自動跳往管理頁面
在這裡 我們不只可以直接拖曳圖片來調整次序
（有Flickr使用經驗的人應該都很習慣這個方式了吧?!）
還能夠：
1. 編輯相簿名稱
2. 寄發分享信件（Share Album）
3. 預覽相簿（Preview Album）
4. 新增圖檔（Add Photos）
5. 刪除單一舊圖（Delete Photo）
6. 錄製說明音檔（Audio Caption）
7. 編寫說明文字（Click To Add A Caption）
8. 刪除回應

以個人有限的見識看來
其中"Audio Caption"可能算是比較別出心裁的功能
不過對我自己來說 目前對它一點興趣都沒有
將來用到的機率應該也不大
之所以會如此大費周章地介紹BubbleShare
其實我是看上了它的"slideshow"
雖然它的slideshow採用"卡接"的方式來更換圖片
而且又不能自行調整間隔秒數
較諸採用"溶接"方式又可以自行調整間隔秒數的Flickr Slideshow
在美觀性與體貼度上不免略遜一籌
但還是不妨一試

》進階應用

如果不怕拖慢網頁開啟速度的話
可以再試試另外一種進階應用法
但是說穿了 其實也不過就是重施故技─
利用iframe語法將BubbleShare的相簿slideshow直接套顯在網頁裡
不過這項特技有個限制
倒不是說你要有練過才行
而是因為前面所提到的：

以單一圖片的展示方式來說
圖片寬度上限為600 pixels
而高度上限則為444 pixels
圖片上傳之後 不管大於或小於這個數值
都會以此數值為準自動加以等比例縮放 並另存新檔

在這裡 我們就以法蘭西內衣名牌Aubade所提供的2005年月曆來示範
（相簿網址為http://bubbleshare.com/album/1135.c6c248d04b8）
採用以下格式的語法：
<iframe frameborder="0" width="635" height="615" scrolling="no" src="http://bubbleshare.com/album/####.###########（相簿網址）"></iframe>

而在網頁上呈現如下的結果：

如果你想要讓它居中的話 語法改一下就好了：
<center><iframe frameborder="0" width="635" height="615" scrolling="no" src="http://bubbleshare.com/album/####.###########（相簿網址）"></iframe></center>

又如果你的網頁底色是白色的話 這樣也可以：
<iframe frameborder="0" width="100%" height="615" scrolling="no" src="http://bubbleshare.com/album/####.###########（相簿網址）"></iframe>

看到這裡 細心的人可能已經想到
依照前面的說明
如果所有圖片的比例沒有完全一致
那麼圖片的的高度值有可能會因此產生變動 而並非固定不變
比如高：寬＝１：４的圖片 其展示用之等比例新圖會是150×600
或者 又如果想把回應欄也套進來顯示
遇到這一類的狀況時 上面範例語法中的高度值設定就不能完美match了
有沒有對應的辦法呢？

沒錯！
不像Flickr的slideshow把高度跟寬度都固定為500 始終不變
因此若想把BubbleShare的slideshow套顯在網頁中
顧及美觀
圖片高度不到四分之三寬度（意即"高/寬" < "3/4"）的圖片最好不要使用
要不然 因為捲軸的寬度值未必人人相同
加上外框顯示方式又會因為瀏覽器不同而有所差異
只能自己衡量 參考下欄修正出自己所需的語法：
<iframe frameborder="1" width="655" height="615" scrolling="yes" src="http://bubbleshare.com/album/####.###########（相簿網址）"></iframe>

而在網頁上呈現類似這般的結果：

》總結

其實以上介紹的進階應用有點旁門左道
而且要是哪天BubbleShare更改服務內容或變更網頁版面設計
到時候能不能跟著隨機應變也不曉得
所以 讓我們回歸基本面
看看它所提供的功能
雖然較諸Flickr似乎有點陽春 但也已經算是不錯
尤其是"Download as Zip"這項功能
可以讓我們將整本相簿的原尺寸圖片打包成一個zip檔 一個步驟就download下來
更有利於分享
我個人相當喜歡
此外 還有一點值得稱道的
或許有些人也知道Flickr不接受GIF圖檔上傳
但BubbleShare就沒這項限制
（只是經過處理之後 動態圖檔會變成靜態圖檔）

報告到此
希望有達到經驗分享的目的
或許倉卒之間體驗得不夠深入 以致說明有誤
也可能還有其它值得注意的地方 卻被我忽略了
都歡迎大家提出指正與補充
謝謝！