서브메뉴

HC_PhotoStudio v1.0

by hina



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.

There is TiltViewer DEMO here .

Picasa Desktop Web Export HTML Template:


HC_PhotoStudio v1.0


HOWTO
  • Use XML gallery with TiltViewer
    1. Unzip the TiltviewerPicasa.zip in Tiltviewer folder and copy to your picasa web template folder(ie. C:\Program Files\Google\Picasa3\web\templates). Restart Picasa.
    2. Create a new Album with photos you chose and right click in the new album you named. Click the Export as HTML Page....
    3. Pick up pictures size in 800 pixels and remember the folder in which to save the web page and pictures.
    4. Select the web page template "Tiltviewer". If you cannot find this item return to step 1 and check the folder you copied or not.
    5. Click finish and wait for export. And unzip the HC_TiltViewerPhotoStudio.zip in your computer.
    6. Open the export folder you made in step 3. Only copy the gallery.xml and images folder to skin folder in tiltviewer(ie. C:\HC_TiltViewerPhotoStudio\tiltviewer\) and overwrite all in it.
    7. Open the skin.html with NotePad or some code editor you have.
    8. Check out here and REMOVE the comment:
      //fo.addVariable("useFlickr", "false");
      //fo.addVariable("xmlURL", "gallery.xml");
      //fo.addVariable("maxJPGSize","820");
    9. Check out here and ADD the comment:
      //fo.addVariable("useFlickr", "true");
      //fo.addVariable("user_id", "48508968@N00");
      //fo.addVariable("tags", "");
      //fo.addVariable("tag_mode", "any");
      //fo.addVariable("showTakenByText", "true");
    10. Upload the folder into your TextCube skin folder.
  • Use Flickr account with TiltViewer
    1. Unzip the HC_TiltViewerPhotoStudio.zip in your computer.
    2. Open the skin.html with NotePad or some code editor you have.
    3. Check out here and change to your user_id, you can find your flickr user_id in here :
      fo.addVariable("useFlickr", "true");
      fo.addVariable("user_id", "48508968@N00");
      fo.addVariable("tags", "");
      fo.addVariable("tag_mode", "any");
      fo.addVariable("showTakenByText", "true");
    4. Upload the folder into your TextCube skin folder.
ONLINE DEMO and Document:
TEST and DEBUG:
  • This skin test in IE6, IE7, IE8 RC1, Firefox 3, Chrome, Opera 9.
2009/03/16 13:40 2009/03/16 13:40
Rated 4.14/5 (82.86%) (14 Votes)
트랙백은 하나   13개의 댓글이 있습니다.
이 글의 댓글/트랙백 RSS : http://www.textcube.org/theme/rss/response/878
이 글의 관련글(트랙백) 주소 : http://www.textcube.org/theme/trackback/878
  • Tracked from : HINA :: 工程幼稚園 2009/03/16 14:22 DELETE
    Subject : [TextCube] Photo Studio Skin with tiltviewer

    views: 515 times Mobile:http://hina.ushiisland.net/blog/hinablue/m/723update, 新增了 tiltviewer 樣式,而且 tiltviewer 可以透過 Picasa 軟體產生 xml 檔案,非常方便!沒圖沒真像:檔案在這裡,請自行取用(更新,樣版檔案忘記打包到圖片了): HC_TiltViewerPhotoStudio.zip TiltviewerPicasa.zip檔案結構如下:HC_TiltViewerPhotoStu...