Picasa Web Album照片搜索融入Adwords 广告

(文章来源:春泥博客Google 已经在 Picasa Web Album已经在其照片搜索的模块加入了Adwords 广告。如下图:

Gogole Picasa Album AD

原文链接:http://www.shiyimin.com.cn/post/Picasa_web_album_search_ad.html

用Google API显示Picasa相册的照片

      (春泥博客)今天花了几个小时研究了一下用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>

<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官方的说明: http://www.google.com/uds/solutions/slideshow/reference.html
分页:[«]1[»]

日历

<< 2010-8 >>

Sun

Mon

Tue

Wed

Thu

Fri

Sat

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

Tags

Powered By Z-Blog 1.7 Laputa Build 70216

版权所有 春泥博客 www.shiyimin.com.cn 2007 联系站长:shi#shiyimin.com.cn All Rights Reserved.