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

檔案在這裡,請自行取用(更新,樣版檔案忘記打包到圖片了):
檔案結構如下:
HC_TiltViewerPhotoStudio
開啟 Picasa 之後,先挑好你要輸出的照片,把那些照片設定到新的相簿裡。然後,在新的相簿按下滑鼠右鍵,選擇"匯出為 HTML 頁面(X)"。

接著請選擇尺寸,你要選擇小張的也可以,樣版最寬是 800px 所以這邊以 800 像素為一個基準。相簿標題隨便你打,反正這不是重點。最後請記得他輸出的資料夾,不然輸出完成後會找不到檔案喔。

網頁範本,請選擇"Tiltviewer",如果你沒有這個項目可以選,請回到最上面,確定你的樣板資料夾是否已經拷貝過去,而且也重新啟動 Picasa 了。

按下"完成"之後就開始等待漫長的輸出,如果你的照片數量越多、照片尺寸越大,輸出的時間就會比較久。

最後,找到輸出的資料夾,把 image 資料夾與 gallery.xml 拷貝起來,回到樣板資料夾,貼到 titlviewer 資料夾裡面,全部蓋掉。這樣,就可以隨意更換你的照片了,而,也不用花時間去處理 XML 檔案。

以上,完畢。
附帶一提,tiltviewer 可支援 Flickr 的串接,詳情請到官方網站看說明。至於怎麼改,請自行參照說明,修改 skin.html 檔案中的 script 囉(無責)。
============================ 我是舊文分隔線 ============================
基本上就是你現在看到的這個。上面的輪播,我不想綁插件,所以需要手動去設定,是稍嫌煩瑣了點。
要的人請私底下找我。
HC_CainPhotoStudio
就這樣,我很久沒做樣版了,很懶啊(茶)。
沒圖沒真像:

檔案在這裡,請自行取用(更新,樣版檔案忘記打包到圖片了):
檔案結構如下:
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> 就有多少本,依此類推。
就這樣,我很久沒做樣版了,很懶啊(茶)。
- Bookmarks
HEMiDEMi
Technorati
Del.icio.us
Digg
funP
Yahoo!
Furl







HC_TiltViewerPhotoStudio.zip

Leave your greetings here.
我覺得很不錯耶...
最近剛好很想幫權小熙的部落格換版型,
方便寄一份給我試用看看嗎?
(不好意思,每次都麻煩你)
你要啊?晚點在 mail 給你。
要找到適合放照片的型版好難
從 TT0.96 到現在只用過三個型版
可以自己製作型版 真的好幸福阿:)
的確,要套照片的版型真的很不好找。
製作版型不難,就直接拿人家的來改就好了(笑)。
這個版型除了外觀之外,內容物的設定都是從另一個改過來的。
哈哈。上鞋不用锥子! 非常感谢!
呵呵,歡迎使用囉!
不好意思想請教一下 套用過後
發現只load到網路上的(初始狀態?)
http://cluster.org.tw/blog
並沒有load到我放在資料夾內的照片,請問是哪邊路徑我沒設好嗎?
煩請指正~感謝!!
他有兩種模式,一種是本地端(XML file)一種是讀取 Flickr
兩種只能挑一種使用,不知道你是使用哪一種?
您的 blog 我沒看到這個樣板的使用?所以我不知道該怎麼說耶 @_@
抱歉 昨天怎麼試都不成 已經換回原本樣板
就如你所說,他是讀取flickr的 但我看我的xml都是指定相對路徑端的,我有按照您的作法一步一步作,並覆蓋gallery.xml 與 images資料夾(新版好像改成imgs資料夾名稱),但不知道為什麼只會讀取flickr...好奇怪...
picasa輸出後的檔案,我看是沒問題的,但是覆蓋到樣板裡面,還是都看不到本機端的照片~~
如果能夠提供解答,真是感激不盡了,謝謝~~!!
你要改 skin.html 因為我上傳的新版本,他的 skin.html 設定不一樣。
請打開 skin.html 你就會看到囉!
詳情可以看這裡:
http://textcube.org/theme/entry/HC_Photo_Studio_With_TiltViewer
哎呀 不好意思沒有注意到skin裡面也改了~
感謝!~~~
oh~ it's very good skin!
谢谢.
很棒的skin,謝謝分享!![[HAPPY]](/plugins/HC_CommentEditor/images/emoticons/05.gif)