Picasa有一項功能很不錯用,就是Slideshow幻燈片的功能。
原本只要在英文介面下,選擇Embedded Slideshow就可以自動產生出code,插入HTML區塊,就可以使用。
以前用得很高興,但是現在卡住了!沒辦法播。
怎麼辦?經過一番努力嘗試,終於搞定了!(本法適用於Pixnet)
[目前回報完成,以經由Pixnet工程人員搞定,大家放心的給他SHOW下去吧!]
這是原本的coding,本身沒去學過flash,但至少可以看出來,要去哪裡抓這個播放器,高度、寬度,還有資料的位置。
<embed type="application/x-shockwave-flash" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" width="288" height="192" flashvars="host=picasaweb.google.com&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2FbikeTW08%2Falbumid%2F5281885983708267009%3Fkind%3Dphoto%26alt%3Drss" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
出來的效果是這樣:
但你儲存之後,出來的東西不是原本的coding;而是長這樣
<object width="400" height="267" type="application/x-shockwave-flash">
<param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer" />
<param name="flashvars" value="host=picasaweb.google.com&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2FbikeTW08%2Falbumid%2F5281885983708267009%3Fkind%3Dphoto%26alt%3Drss" />
<embed width="400" height="267" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" objtype="application/x-shockwave-flash" flashvars="host=picasaweb.google.com&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2FbikeTW08%2Falbumid%2F5281885983708267009%3Fkind%3Dphoto%26alt%3Drss" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>
但這東西卡住了,沒辦法播放。從embed變成object,但是多數都有保留下來,Pixnet在於轉換當中,好像有轉出自己一套的語法,但是高度,大小都還是有,甚至embed又重新定義了一次。不過最重要的是,資料相簿的位置!
對照一下以前的Slideshow,可以播放的,看看Pixnet是怎麼儲存他的!
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="267" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0">
<param name="flashvars" value="host=picasaweb.google.com&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2Ftonyatta%2Falbumid%2F5257202678232148385%3Fkind%3Dphoto%26alt%3Drss" />
<param name="scale" value="noscale" /><embed scale="noscale" type="application/x-shockwave-flash" width="400" height="267" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0" flashvars="host=picasaweb.google.com&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2Ftonyatta%2Falbumid%2F5257202678232148385%3Fkind%3Dphoto%26alt%3Drss"></embed>
</object>
出來的效果:
接下來讓我們比較比較。
看出差別了嗎?下面可以播放的程式碼,第二行有底線的部份,跟上面沒辦法跑的第三行紅色部分是相同的:
<param name="flashvars" value="host=picasaweb.google.com&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2FbikeTW08%2Falbumid%2F5281885983708267009%3Fkind%3Dphoto%26alt%3Drss" />
<param name="flashvars" value="host=picasaweb.google.com&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2Ftonyatta%2Falbumid%2F5257202678232148385%3Fkind%3Dphoto%26alt%3Drss" />
而有紅色底線的部份,跟綠色部分是相同的資料庫型態:
http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2FbikeTW08%2Falbumid%2F5281885983708267009%3Fkind%3Dphoto%26alt%3Drss
http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2Ftonyatta%2Falbumid%2F5257202678232148385%3Fkind%3Dphoto%26alt%3Drss
所以用上面把下面替換掉就好了!
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="267" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0">
<param name="flashvars" value="host=picasaweb.google.com&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2FbikeTW08%2Falbumid%2F5281885983708267009%3Fkind%3Dphoto%26alt%3Drss" />
<param name="scale" value="noscale" /><embed scale="noscale" type="application/x-shockwave-flash" width="400" height="267" src="http://picasaweb.google.com/s/c/bin/slideshow.swf" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0" flashvars="host=picasaweb.google.com&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2FbikeTW08%2Falbumid%2F5281885983708267009%3Fkind%3Dphoto%26alt%3Drss"></embed>
</object>
Then, that will work!
Enjoy yourself,不過還是要跟官方反應一下就是!