剛剛在迴響裡看到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.tcc.edu.tw/picasa_template/AutoViewer-test/index.html" width="320">
</iframe> 

這樣就OK了啦!