HINA :: 工程幼稚園


偏執與強迫症的患者,算不上是無可救藥,只是我已經遇上我的良醫了。
 Author
 
Blog Image

my Gmail

Blog Look Score and Rank



Sitetag
 

Category

ALL (790)
Chats (199)
Life (36)
Photography (125)
Novel (60)
Fake stories (146)
Technical support (197)
WACOM (17)
Graphic arts (10)

Authors

Archive

Calendar

«   2010/03   »
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      

  • Total : 526590
  • Today : 27
  • Yesterday : 208
Creative Commons License

本創作適用 姓名標示-非商業性-禁止改作 3.0 創用 CC 授權,台灣並依循所適用的授權條款。
views: 2896 times
超大字體(180%)放大字體(130%)原始字體(100%)
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
TiltViewerPicasa.zip 這個檔案是給 Picasa 用的網頁輸出樣版,解壓縮之後,會產生 TiltViewerPicasa 資料夾,請將這個資料夾複製到 Picasa 的 templage 資料夾底下。以 Picasa 3 為例子,資料夾應該在:C:\Program Files\Google\Picasa3\web\templates,請將 TiltViewerPicasa 資料夾複製到這裡,並重新啟動 Picasa。

開啟 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
簡單說明一下 images.xml 檔案內容:
<?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> 就有多少本,依此類推。

就這樣,我很久沒做樣版了,很懶啊(茶)。
創用 CC 授權
Creative Commons License
本創作適用 姓名標示-非商業性-禁止改作 3.0 創用 CC 授權,台灣並依循所適用的授權條款。
Bookmarks
 HEMiDEMi  Technorati  Del.icio.us  Digg  funP  Yahoo!  Furl
 相關文章 
作者資訊
author image
偏執與強迫症的患者,算不上是無可救藥,只是我已經遇上我的良醫了。

Trackback URL : http://blog.hinablue.me/trackback/723

  1. HC_PhotoStudio v1.0

    Tracked from Skin :: Brand Yourself! : Web publishing platform 2009/03/16 13:25 Delete

    There is the photo skin within TiltViewer flash player which you can use Picasa desktop to export tiltviewer files or connect your Flickr account you choose.Picasa Desktop Web Export HTML Template: TiltviewerPicasa.zipHC_PhotoStudio v1.0 HC_TiltViewerP...


Leave your greetings here.

  1. Comment RSS : http://blog.hinablue.me/rss/comment/723
  2. DearJohn 2009/03/11 19:06  Modify/Delete  Reply  Address

    我覺得很不錯耶...
    最近剛好很想幫權小熙的部落格換版型,
    方便寄一份給我試用看看嗎?
    (不好意思,每次都麻煩你)

  3. SANADA 2009/03/12 01:21  Modify/Delete  Reply  Address

    要找到適合放照片的型版好難
    從 TT0.96 到現在只用過三個型版
    可以自己製作型版 真的好幸福阿:)

    • hina 2009/03/12 10:35  Modify/Delete  Address

      的確,要套照片的版型真的很不好找。
      製作版型不難,就直接拿人家的來改就好了(笑)。
      這個版型除了外觀之外,內容物的設定都是從另一個改過來的。

  4. 최면 催眠 2009/03/17 09:04  Modify/Delete  Reply  Address

    哈哈。上鞋不用锥子! 非常感谢!

  5. thisway 2009/03/18 01:34  Modify/Delete  Reply  Address

    不好意思想請教一下 套用過後
    發現只load到網路上的(初始狀態?)
    http://cluster.org.tw/blog
    並沒有load到我放在資料夾內的照片,請問是哪邊路徑我沒設好嗎?
    煩請指正~感謝!!

    • hina 2009/03/18 11:47  Modify/Delete  Address

      他有兩種模式,一種是本地端(XML file)一種是讀取 Flickr
      兩種只能挑一種使用,不知道你是使用哪一種?
      您的 blog 我沒看到這個樣板的使用?所以我不知道該怎麼說耶 @_@

    • thisway 2009/03/18 16:58  Modify/Delete  Address

      抱歉 昨天怎麼試都不成 已經換回原本樣板

      就如你所說,他是讀取flickr的 但我看我的xml都是指定相對路徑端的,我有按照您的作法一步一步作,並覆蓋gallery.xml 與 images資料夾(新版好像改成imgs資料夾名稱),但不知道為什麼只會讀取flickr...好奇怪...

      picasa輸出後的檔案,我看是沒問題的,但是覆蓋到樣板裡面,還是都看不到本機端的照片~~

      如果能夠提供解答,真是感激不盡了,謝謝~~!!

    • hina 2009/03/18 18:07  Modify/Delete  Address

      你要改 skin.html 因為我上傳的新版本,他的 skin.html 設定不一樣。
      請打開 skin.html 你就會看到囉!
      詳情可以看這裡:
      http://textcube.org/theme/entry/HC_Photo_Studio_With_TiltViewer

    • thisway 2009/03/19 16:18  Modify/Delete  Address

      哎呀 不好意思沒有注意到skin裡面也改了~

      感謝!~~~

  6. qmwneb 2009/05/08 19:56  Modify/Delete  Reply  Address

    oh~ it's very good skin!
    谢谢.

  7. ♥GLADYS公主♥ 2009/05/23 15:56  Modify/Delete  Reply  Address

    很棒的skin,謝謝分享![HAPPY]

[登入][OpenID是?]
Previous : 1 : ... 103 : 104 : 105 : 106 : 107 : 108 : 109 : 110 : 111 : ... 790 : Next