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 相册
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/15190102/viewspace-429744/ ,如需转载,请注明出处,否则将追究法律责任。