2015年2月5日 星期四

網頁中嵌入GOOGLE所有相簿連播

Picasa Web Albums的Embed Slideshow功能已經上線
雖然目前暫且只在英文版中提供
但可望其它語版將來也會跟進
這功能對我來說頗重要
所以今晚稍微玩了一下 有點小心得
都是一步一腳印用笨方法試出來的
也不確定是否完全無誤
若是有錯 還請指正
以免誤導他人
感謝先!mOm
首先來看一下原始的語法範例:
<embed type="application/x-shockwave-flash" src="http://picasaweb.google.com/s/c/bin/slideshow.swf"width="400" height="267" flashvars="host=picasaweb.google.com&captions=1&noautoplay=1&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F使用者帳號%2Falbumid%2F###################%3Fkind%3Dphoto%26alt%3Drss" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
很花對不對?
來來來... 湯姆最愛幫人家畫重點了
我們一起看下去
重點一:widthheight
這很簡單
就是設定播放視窗的寬度值與高度值
重點二:captions=1
這參數用來設定slideshow中要不要同時顯示各張圖片的文字說明
如果不要的話
那就把"&captions=1"這段語法刪掉
重點三:noautoplay=1
這參數用來設定要不要自動播放
如果要的話
那就把"&noautoplay=1"這段語法刪掉
重點四:RGB=0x000000
這參數用來設定播放視窗的底色
預設000000是黑色的色碼
可依個人需求或喜好自行變更
好!
了解這四個重點之後
我們應該已經可以很靈活地將Picasa相簿的slideshow運用在自己的網誌中了
比如設定視窗大小啦
改變底色來搭配網頁用色啦
或者...什麼?
要如何置中是嗎?
在這段語法前後用<center></center>包起來就可以了
玩到這裡
不知道有沒有人跟湯姆一樣產生某種聯想─
那如果想在網頁邊欄播放個人所有相簿中的圖片
是不是也可以從這段語法中去修改呢?
當然
要是改不出來 還是可以土法煉鋼─
新增一本相簿 把所有圖片都複製進去
然後再播放這本新相簿就好了
可是 這樣一來會加倍消耗相簿的可用容量(?)
所以我又摸索了一下
結果還真試出了方法:
<embed type="application/x-shockwave-flash" src="http://picasaweb.google.com/s/c/bin/slideshow.swf"width="100%" height="130" flashvars="host=picasaweb.google.com&captions=1&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F使用者帳號%3Fkind%3Dalbum%26alt%3Drss" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
如此一來
便可以在邊欄中自動播放所有相簿封面的slideshow
並且同時顯示各相簿的文字敘述(description)
此外 若想播放全部相簿中的所有照片
那請將上述語法中紅色標示的album改成photo就可以了
不過 個人覺得
就視覺感受來說
較諸Flickr提供的Daily Zeitgeist
這樣的邊欄slideshow不免顯得過於陽春
還是期待來日會有官方版本釋出

資料來源:http://roxytom.bluecircus.net/archives/009894.html

沒有留言:

張貼留言