欣欣向榮子子代代綿延流長

2012年6月19日 星期二

blogger崁入自動播放多本相簿的程式

壹、崁入自動播放多本相簿


點選相簿(請點profile photos 開啓自動播放)

貳、崁入自動播放相簿程式【在文章位置請用HTML檔輸入】
<div id="picasaweb">
<embed type="application/x-shockwave-flash" src="https://picasaweb.google.com/s/c/bin/slideshow.swf" width="312" height="234" flashvars="host=picasaweb.google.com&hl=en_US&feat=flashalbum&RGB=0x000000&feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F個人相簿的ID%3Falt%3Drss%26kind%3Dphoto%26access%3Dpublic%26psc%3DF%26q%26uname%3D個人相簿的ID" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</div>點選相簿
 <script>
 var flashstring='<embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="312" src="http://picasaweb.google.com.tw/s/c/bin/slideshow.swf" height="234" flashvars="host=picasaweb.google.com.tw&captions=1&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com.tw%2Fdata%2Ffeed%2Fapi%2Fuser%2F個人google網路帳號%2Falbumid%2F##ALBUMID##%3Fkind%3Dphoto%26alt%3Drss" type="application/x-shockwave-flash"></embed>';
function writeflash(albumid){
 flashstring1=flashstring.replace("##ALBUMID##",albumid);
 document.getElementById("picasaweb").innerHTML=flashstring1;
}
function listallalbum(json) {
 var temp = '<select onchange="writeflash(this.options[this.selectedIndex].value)">';
 var sortentry=json.feed.entry;
 for (var i=0, post; post = sortentry[i]; i++) {
 var title = post.title.$t;
 var link = post.link[2].href.replace(/(^.*albumid\/)(.*)(\?.*$)/g,"$2");
temp += '<option value="'+link+'">'+title +'</option>';
 }
 temp+="</select>";
 document.writeln(temp);
 }
</script>
<script src="http://picasaweb.google.com.tw/data/feed/base/user/個人google的帳號?kind=album&hl=en_US&access=public&alt=json&callback=listallalbum">
</script>

參、坎入自動播放相簿程式的操作步驟
一、先將相片放在Picassa 網路相簿。設定好要不要公開分享。只有公開分享的才會播出。
二、copy『貳、坎入自動播放相簿的程式』,貼到blogger你想貼的位置,而且紅色字標示位   
        置填入正確資料,再按『儲存』鍵就O.K了。
三、自動播放器掛在不同位置的貼法稍稍不同,簡敘如下:
        (1).若掛在新增程式小工具:只要上列程式貼在『HTML/JAVASCRIPT』的頁面上。
        (2).若掛在文章區塊,則將上列程式貼在HTML檔之後,回到『撰寫』檔就會出現。

沒有留言: