一直想幫現在的作品找個好相簿軟體。過去使用 myAlbum-P 雖然能跟 XOOPS 網站結合，但是顯示的方式有點傳統，沒有如 lightbox 般較為 fancy 的秀圖方式。東逛西逛間，Mobile01 上的一篇 post 引起了我的注意。花了半天的時間研究後，我有了自己的 SimpleViewer 相簿：

http://wordtech.com.tw/simpleviewer

相簿列表的進入畫面


進入個別相簿。可以看到相簿有背景、載入照片時也有 flash 的動畫指示


相簿介面簡單易用，移動滑鼠到照片上也會有往前、後翻閱的指標箭頭

SimpleViewer 安裝簡介

現在簡介一下 SimpleViewer 的安裝方式，畢竟「取之於網路，回饋於網路」。首先來到 SimpleViewer 開發商 Airtight Interactive 的 SimpleViewer 網頁：


http://www.airtightinteractive.com/simpleviewer/

由 SimpleViewer 的官方網頁上可以看到這個播放程式一點都不「簡單」：

Features:
‧Intelligent image pre-loading.
‧Intuitive image navigation
‧Lightweight (17k).
‧Customizable interface - Set text color, frame color and width, navigation position.
‧Resizable interface - Interface scales to fit browser window.
‧Cross platform - Windows/Macintosh/Linux (requires Flash 7 or higher).
‧Flash 7 detection. Users without Flash 7 are messaged to upgrade Flash.
‧International font support.
‧Keyboard Navigation (Cursor keys, Home, End, Page Up/Down)
‧Mousewheel navigation
‧Optionally right-click to open image in a new window.
‧Free!

看來是個透過 Flash 7 的播放程式，跨平台的特性很好。首先請先下載 SimpleViewer (最新版本為 1.8)。

SimpleViewer 原先上傳照片與建立相簿的方式很直覺，是手動逐一上傳與建立的。當然，它也提供了幾種好用的方式，可以快速在我們的電腦上先產生好整本相簿，然後直接批次上傳上去，直接擁有整本新的相簿 (而非逐一手動上傳)。先來看 SimpleViewer 提供的安裝指引：

http://www.airtightinteractive.com/SimpleViewer/instruct.html

ps. 當我進行各種軟體安裝與開發前，都一定會詳閱原開發者提供的所有資訊。太多資料都已經垂手可得了，但在網路上卻總是看到懶惰的使用者劈頭就要解法、要指引。想要自己進步，自己求解、爬文與嘗試的精神是最重要的。

批次產生 SimpleViewer 相簿

以下軟體都可以協助 SimpleViewer 產生相簿：

‧Picasa (Windows)
‧Porta (Windows)
‧iPhoto (Macintosh)
‧RapidWeaver (Macintosh)
‧Aperture (Macintosh)
‧SimpleViewerExport (Linux)

這裡推薦使用 Picasa 的 SimpleViewer 相簿匯出範本 [按此處下載]。Picasa 這套 google 提供的看圖軟體大多數人都不陌生，讀圖速度快、免費，介面也不錯。如果您還沒有，可以直接按下下方 URL 進行安裝。


http://picasa.google.com/

SimpleViewer 範本安裝很簡單，只要將檔案複製到 Picasa 的 web 範本資料夾中即可 (如 C:\Program Files\Picasa2\web\templates)。

來，開始製作相簿了。首先你可以從 Picasa 中選擇想要製作成 SimpleViewer 相簿的相片，然後選擇 [資料夾/匯出為 HTML 頁面]，在出現的視窗中選擇想要的尺寸，並且選擇使用 SimpleViewer 範本，Picasa 就會自動將選定的檔案製作成 SimpleViewer 相簿。之後，只要將匯出目錄下的所有檔案上傳到網站空間，就可以得到該 SimpleViewer 相簿。






Picasa 不愧是網路原生的軟體，匯出到 HTML 的功能非常齊全


匯出後的相簿，可以直接在 IE 上觀看效果

以 Web 管理介面產生 SimpleViewer 相簿

至此，我們可以得到單一的 SimpleViewer 相簿。但是如果想要取得統一的相簿管理功能與觀看介面，那麼就要使用熱心網友 Christian Machmeier 開發的 SimpleViewerAdmin。


http://www.redsplash.de/projects/SimpleVieweradmin/

但是 Christian Machmeier 的 SimpleViewerAdmin 1.3 只支援到 SimpleViewer 1.7 版，得要透過 Ben Hughes 為 SimpleViewerAdmin 修改的 1.4b 版才能完全支援最新的 SimpleViewer 1.8。

http://benhughes.freehostia.com/SVA/

取得 SimpleViewerAdmin 1.4b 之後，解壓縮到 SimpleViewer 1.8 的目錄之中。此時會得到如下的資料夾結構：


(由於實際使用時發現 index.html 會優於 index.php 被呼叫顯示，所以我直接將 index.html 更名)

為了方便起見，我已經將 SimpleViewer 1.8+SVA 1.4b 打包好了，請 [按此處] 直接下載。版權完全歸於原開發者，如有爭議日後將取消此連結！

將檔案上傳到網站空間。以我的網站為例，SimpleViewerAdmin 的管理頁面為：


預設的帳號與密碼是 admin/admin，登入後請自行修改

到了這個管理介面後，就要靠你自己的努力了。建立相簿、新增圖片與修改相簿顏色等設定都有連結或是指引可以參考。




新增相簿後，可以逐一上傳圖片。個人建議上傳尺寸相同的照片。SimpleViewer 預設顯示的尺寸是 600 多乘上 400 多。為了避免縮圖顯示的效果差，我是上傳 1024x6xx 的圖片到相簿中 (大一點的圖片在縮圖後理論上會有好一點的效果)

如果還想對單一相簿進行細部調整，可以到該相簿的管理介面中修改。例如你可以更改縮圖索引的位置、相簿的背景圖片等。


Web 管理介面可以變更一些基本的相簿設定


熟悉程式或是細心查看 instruction 的人也能直接開啟該相簿目錄下的 gallery.xml 檔案修改。都是純文字的設定，很好調整。例如在此我手動加上背景的參數 backgroundImagePath

簡要的介紹至此。預祝大家都能建立有特色的個人相簿。

ps. 1. 使用 Picasa 套用 simpleviewer 範本時，不需要 simpleviewer 主程式，因為都直接套進去了。輸出的東西就可以直接觀看或上傳
ps. 2. SimpleViewerAdmin 跟 Picasa 輸出範本的方法兩者不相容，只能擇一使用。Picasa 適合產生單本相本，SVA 則是適合有系統建立多本相本時使用
ps. 3. 目前網路上尚未完全找到可以正確顯示中文圖片名稱與相簿名稱的解法，所以就先用英文吧