update, 新增了 tiltviewer 樣式,而且 tiltviewer 可以透過 Picasa 軟體產生 xml 檔案,非常方便!
沒圖沒真像:

檔案在這裡,請自行取用(更新,樣版檔案忘記打包到圖片了):
檔案結構如下:
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 囉(無責)。
============================ 我是舊文分隔線 ============================
基本上就是你現在看到的這個。上面的輪播,我不想綁插件,所以需要手動去設定,是稍嫌煩瑣了點。
要的人請私底下找我。
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


HC_TiltViewerPhotoStudio.zip
