（春泥博客）今天花了几个小时研究了一下用Google API在外部网页调用Google Picasa相册里的图片。现实的效果就如春泥博客的主页右侧类似于Flash的小版块。

<script src="http://www.google.com/jsapi/?key=你申请的API KEY" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js" type="text/javascript"></script>
<STYLE type=text/css>
.gss A IMG {
 BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.gss {
 WIDTH: 300px; COLOR: #dddddd; HEIGHT: 300px; BACKGROUND-COLOR: #FFFFFF
}
</STYLE>
<SCRIPT type=text/javascript>
  function load() {
 var feed  = "你的RSS地址例如：http://picasaweb.google.com/data/feed/*******";
 var options = {
displayTime: 2000,
 transistionTime: 600,
 numResults : 50,
 scaleImages : true,
 maintainAspectRatio : true,
 thumbnailSize : GFslideShow.THUMBNAILS_LARGE ,
 linkTarget : google.feeds.LINK_TARGET_BLANK
 };
 new GFslideShow(feed, "slideshow", options);
  }
 google.load("feeds", "1");
 google.setOnLoadCallback(load);
</SCRIPT>
<DIV class=gss id=slideshow>正在读取相片..</DIV>

代码完。
代码简单说明：
1 修改这一句    WIDTH: 300px; COLOR: #dddddd; HEIGHT: 300px; BACKGROUND-COLOR: #FFFFFF 可以改变这个板块的大小与背景颜色。
2 displayTime: 2000,   控制每张照片的显示时间
3  transistionTime: 600,  控制照片之间的过度时间
4 numResults : 50,   控制显示照片的数量
查看利用Google API在外部网页调用Google Picasa 相册
更多内容可以参考Google官方的说明： http://www.google.com/uds/solutions/slideshow/reference.html

如果您对本文感兴趣，欢迎点此订阅