用Google API显示Picasa相册的照片

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

　　1 首先，你要有一个Google Picasa相册，然后上传一些图片(推荐大家下载一个Google Picasa 然后批量上传图片)。

　　2 获取相册的RSS地址：你可以查看Picasa相册的右下角的”RSS“字样，点右键，属性，复制RSS地址

　　3 要使用Google API你还必须要有先要注册一个API帐号Sign up for an API key

　　4 修改下面的代码，把红色的部分替换成你自己的 API 帐号和你的相册的RSS 地址

　　5 把代码贴到网页文件里。 

<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>

　　代码完。

　　代码简单说明：

　　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