沒圖沒真像:

檔案在這裡,請自行取用(更新,樣版檔案忘記包到圖片了 :P):
檔案結構如下:
HC_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 囉(無責)。
Posted by hina
HC_TiltViewerPhotoStudio.zip


