ITPub博客

首页 > Linux操作系统 > Linux操作系统 > 用Google API显示Picasa相册的照片

用Google API显示Picasa相册的照片

原创 Linux操作系统 作者:fanmu_18tog 时间:2008-08-18 13:43:55 0 删除 编辑

  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/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2008-08-15

  • 博文量
    88
  • 访问量
    82100