值得敬佩的旅行
Squid优化完全手册
当然也不只适用于相册,基于 RSS 的内容都可以通过此 API 调用。
详细使用方法请见:Google AJAX Feed API
----------------------------------- 黄金分割(广告联系:leftleg) ----------------------------
在这里只介绍基于 picasa 相册的调用。其他也类似, Let's go go go ....
1. 申请一个属于你网站的key: http://code.google.com/apis/ajaxfeeds/signup.html (如同 google map api 一样。)
很简单,只需要把你的域名填进去,点击 generate API key 即可. 记下 Your key is 之后的内容.
这样才可以在你的域名url范围内适用这个 api .
好罗嗦啊.自己都受不了了.以下注意点.
2.在 head 内加入以下代码:
填入key: 即前边生成的 KEY (废话)
填入你的相册rss地址:即你相册的RSS地址(好像还是废话),再加句,进入你的 picasa 相册, 对那 RSS 标记
右键(鼠标),选择 复制快捷方式,然后直接粘贴进来就OK了。
3.最后只要在你需要显示的地方加入
即可。当然需要支持 html 才可以看到哈。
---------------------------------- 黄金再次分割 广告联系:leftleg --------------------------------------------
大功告成...
详细使用方法请见:Google AJAX Feed API
----------------------------------- 黄金分割(广告联系:leftleg) ----------------------------
在这里只介绍基于 picasa 相册的调用。其他也类似, Let's go go go ....
1. 申请一个属于你网站的key: http://code.google.com/apis/ajaxfeeds/signup.html (如同 google map api 一样。)
很简单,只需要把你的域名填进去,点击 generate API key 即可. 记下 Your key is 之后的内容.
这样才可以在你的域名url范围内适用这个 api .
好罗嗦啊.自己都受不了了.以下注意点.
2.在 head 内加入以下代码:
填入key: 即前边生成的 KEY (废话)
填入你的相册rss地址:即你相册的RSS地址(好像还是废话),再加句,进入你的 picasa 相册, 对那 RSS 标记
右键(鼠标),选择 复制快捷方式,然后直接粘贴进来就OK了。
<script src="http://www.google.com/jsapi/?key=填入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: 180px; COLOR: #dddddd; HEIGHT: 180px; BACKGROUND-COLOR: #000000
}
</STYLE>
<SCRIPT type=text/javascript>
function load() {
var feed = "填入你的相册rss地址";
var options = {
displayTime: 2000,
transistionTime: 600,
numResults : 8,
scaleImages : false ,
thumbnailSize : GFslideShow.THUMBNAILS_LARGE ,
linkTarget : google.feeds.LINK_TARGET_BLANK
};
new GFslideShow(feed, "slideshow", options);
}
google.load("feeds", "1");
google.setOnLoadCallback(load);
</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: 180px; COLOR: #dddddd; HEIGHT: 180px; BACKGROUND-COLOR: #000000
}
</STYLE>
<SCRIPT type=text/javascript>
function load() {
var feed = "填入你的相册rss地址";
var options = {
displayTime: 2000,
transistionTime: 600,
numResults : 8,
scaleImages : false ,
thumbnailSize : GFslideShow.THUMBNAILS_LARGE ,
linkTarget : google.feeds.LINK_TARGET_BLANK
};
new GFslideShow(feed, "slideshow", options);
}
google.load("feeds", "1");
google.setOnLoadCallback(load);
</SCRIPT>
3.最后只要在你需要显示的地方加入
<DIV class=gss id=slideshow>正在读取相片..</DIV>
即可。当然需要支持 html 才可以看到哈。
---------------------------------- 黄金再次分割 广告联系:leftleg --------------------------------------------
大功告成...
