今天花了几个小时研究了一下用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=你申请的API KEY" type="text/javascript">
</script>
<script src=""
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地址例如：*******";
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, 控制照片之间的过度时间
