update, 新增了 tiltviewer 樣式，而且 tiltviewer 可以透過 Picasa 軟體產生 xml 檔案，非常方便！
沒圖沒真像：
檔案在這裡，請自行取用(更新，樣版檔案忘記打包到圖片了)：
檔案結構如下：
HC_TiltViewerPhotoStudio.zipHC_TiltViewerPhotoStudio
- tiltviewer
- images，照片資料夾。
- gallery.xml，照片設定檔案。
- swfobject.js
- TiltViewer.swf
- index.xml
- skin.html
- style.css
- style.ie6.css
- style.ie7.css
- wysiwyg.css
開啟 Picasa 之後，先挑好你要輸出的照片，把那些照片設定到新的相簿裡。然後，在新的相簿按下滑鼠右鍵，選擇＂匯出為 HTML 頁面(X)＂。
接著請選擇尺寸，你要選擇小張的也可以，樣版最寬是 800px 所以這邊以 800 像素為一個基準。相簿標題隨便你打，反正這不是重點。最後請記得他輸出的資料夾，不然輸出完成後會找不到檔案喔。
網頁範本，請選擇＂Tiltviewer＂，如果你沒有這個項目可以選，請回到最上面，確定你的樣板資料夾是否已經拷貝過去，而且也重新啟動 Picasa 了。
按下＂完成＂之後就開始等待漫長的輸出，如果你的照片數量越多、照片尺寸越大，輸出的時間就會比較久。
最後，找到輸出的資料夾，把 image 資料夾與 gallery.xml 拷貝起來，回到樣板資料夾，貼到 titlviewer 資料夾裡面，全部蓋掉。這樣，就可以隨意更換你的照片了，而，也不用花時間去處理 XML 檔案。
以上，完畢。
附帶一提，tiltviewer 可支援 Flickr 的串接，詳情請到官方網站看說明。至於怎麼改，請自行參照說明，修改 skin.html 檔案中的 script 囉（無責）。
============================ 我是舊文分隔線 ============================
基本上就是你現在看到的這個。上面的輪播，我不想綁插件，所以需要手動去設定，是稍嫌煩瑣了點。
要的人請私底下找我。
HC_CainPhotoStudio
- images
- flashalbum
- images.xml，相本設定檔案。
- loader.swf
- param.xml
- slideshowpro.swf
- swfobject.js
- album1，相本資料夾，依照設定檔案設定。
- images，大尺寸相片。
- thumb，小尺寸相片。
- preview，相簿封面。
- skin.html
- style.css
- style.ie7.css
- style.ie6.css
- index.xml
- wysiwyg.css
<?xml version="1.0" encoding="utf-8"?> <gallery> <album lgPath="album1/images/" tnPath="album1/thumb/" title="Photo Studio, 2009 Hina/Cain Chen." description="Photo Studio, 2009 Hina/Cain Chen." tn="album1/preview.jpg"> <img src="001.jpg" title="" caption="" link="" target="_blank" pause="" /> <img src="002.jpg" title="" caption="" link="" target="_blank" pause="" /> <img src="003.jpg" title="" caption="" link="" target="_blank" pause="" /> <img src="004.jpg" title="" caption="" link="" target="_blank" pause="" /> <img src="005.jpg" title="" caption="" link="" target="_blank" pause="" /> <img src="006.jpg" title="" caption="" link="" target="_blank" pause="" /> <img src="007.jpg" title="" caption="" link="" target="_blank" pause="" /> <img src="008.jpg" title="" caption="" link="" target="_blank" pause="" /> </album> </gallery> // <album lgPath="大尺寸相片路徑" tnPath="小尺寸相片路徑" title="相簿標題" description="相簿描述" tn="相簿封面圖片"> // <img src="圖片檔案（大小尺寸圖片檔案須相同）" title="" caption="" link="" target="_blank" pause="" /> // 其他就不贅述了 // 有多少個 <album ...>...</album> 就有多少本，依此類推。
就這樣，我很久沒做樣版了，很懶啊（茶）。
Posted by hina
