« 上一篇 | 下一篇»

將Picasa AutoViewer放在blog裡

27 元月, 2007 00:49 •  (10) 迴響  •  引用(0)  •  5307 hit.  • 分類: Picasa   

剛剛在迴響裡看到kaka問的問題,也就是要如何將「 Picasa template-AutoViewer」的照片播放放在部落格裡?

之前寫過的這一篇「 Picasa template-XFade」及「 哈!玩自拍」就可以看到同樣的效果了。

但是用 AutoViewer要怎樣放進來呢?嗯~還是可以的

 試了用<embed>或<object>的方式,怪怪的!所以啦!還是用<iframe>的方式來做吧!

1.首先我簡單做了個AutoViewer的網頁

這些照片是要放在blog裡,所以照片不能太大張,用Picasa template輸出時,選擇了320像素的大小。

2.為了配合我這阿欣部落的文章背景顏色-白色 ,就將那AutoViewer的網頁的背景色也改成了白色,改了外框顏色,也改了自動播放時間為3秒鐘,要改這些設定,請參考「 Picasa template-AutoViewer」。

3.加上<iframe></iframe>的語法

 在我這部落格裡加上html原始碼

<iframe frameborder="0" height="240" scrolling="no" src="http://www.hlps.tc.edu.tw/picasa_template/AutoViewer-test/index.html" width="320">
</iframe> 

這樣就OK了啦!

 

創用 CC 授權條款
 
 
Related Posts Plugin for WordPress, Blogger...

10 Comments on "將Picasa AutoViewer放在blog裡"

 

  1. 請問

       作者 LYNN       [管理]

    老師,是的我是在本機端觀看都正常,上傳之後才出現問題不過我現在在公司連foto.lomo.jp這個網站竟然又可以正常出現了難不成是我家裡電腦本身就有問題?然後我想請問老師如果我想加上音樂的話語法應該是加在哪裡呢謝謝!

  2.  

  3. 請問

       作者 LYNN       [管理]

    老師
    想請問一下
    我把從picasa存出來的html網頁用filezilla上傳到這個空間
    http://foto.lomo.jp/
    可是照片會沒辦法顯示
    因為試了好幾種方式
    都是一樣
    不知道到底是哪個環節出了問題
    所以想請教老師一下
    謝謝!

    你的意思是在本機端觀看都正常,上傳之後才出現問題?

    剛檢查你的 gallery.xml ,就是有問題的,所以圖片出不來。

    正常的檔案會像是

    <?xml version="1.0" encoding="UTF-8"?>

     <gallery frameColor="0xFFFFFF" frameWidth="15" imagePadding="20" displayTime="6" enableRightClickOpen="true">

    <image>

    <url>images/gallery1.jpg</url>

     <caption>gallery1.jpg</caption>

    <width>392</width>

     <height>480</height>

    </image>......

     

    所以若不是傳輸過程有錯,就是主機端限制,把一些程式碼過濾掉了。

  4.  

  5.    作者 阿欣       [管理]

    To NARDO :
    我這邊介紹的Picasa template都是要另外去下載的,原本的Picasa並沒有。

    關於「Simple Viewer」你可以看看這一篇「 Picasa template-Simple Viewer

  6.  

  7.    作者 NARDO       [管理]

    不知道為什麼..我選取網頁範本那裏
    沒有[simpleviewer]
    我這個已經是最新版本了..
    阿欣老師..你能告訴我嗎..?
    謝謝...

  8.  

  9.    作者 阿欣       [管理]

    小麻:
    免費網頁空間我沒用過,你可以去搜尋一下,應該有很多吧!

    之前有寫過這一篇來介紹Poatcardviewer,也用Postcardviewer做過這個網頁

    關於PIcasa templates,我有寫幾篇文章

    另外,下面有兩個網頁,你參考看看囉!
    Picasa & iPhoto Export: Dynamic Flash Templates
    Free Picasa templates

  10.  

  11.    作者 小麻       [管理]

    謝謝你  我跟你差不多吧 但是好像沒有test那個html^^"

    是我空間的問題 我請我朋友幫我測試 (用他們自己的空間) 都可以顯示的

    我的空間不支援js吧>< 不過他早期比較舊的版本就可以說@@

    謝謝你熱心的解答^^ 另外請問哪裡還有免費網頁空間申請呢??

    還有請問您收藏了幾套網頁範本?

    我這裡有一套比較新的 不知道你有沒有?
     
    http://www.airtightinteractive.com/projects/postcardviewer/

  12.  

  13.    作者 阿欣       [管理]

    小麻:
    方便給個網址看看嗎?
    下圖是我這個「AutoViewer的網頁」的檔案,你參考看看

  14.  

  15. 有事請問>

       作者 小麻       [管理]

    我也用Picasa2這個軟體輸出 也是跟你用同一個網頁版型模組

    我在電腦上看都沒有問題 但是我放到網頁上以後 卻都不能看耶

    該上傳的檔案我都上傳了.............

  16.  

  17.    作者 阿欣       [管理]

    kaka:
    xnaga我沒用過耶!
    至於其他方法?目前沒想到了。

  18.  

  19. XANGA好像不支援這語法

       作者 kaka       [管理]

    真的很謝謝你幫我解決 show autoviewer!!
    可是原來xanga 用不到這語法~
    很可惜...
    請問再有別的方法嗎?

  20.  

發表迴響
 authimage

Google+ 迴響

*********