(春泥博客)Google Picasa网络相册是一个很好的公工具。它是免费的,相册容量是1024M(1G),并且相册容量也会一直增长的。与其他的网络相册不同,Google Picasa网络相册里的图片支持外部网页的调用。这一点与163相册,百度相册不同(在此点名批评一下)。
Google Picasa网络相册也有很多的API应用,比如本博客主页右侧的类似于Flash的小板块就是利用Google API制作的。
现在Jesse Berman先生又开发了一个令人十分激动的应用,他用了很简短的代码就实现了极为强大的功能-在外部网页(是在一张网页里)全部显示Google Picasa 相册里的图片。
你甚至可以在一张空白的网页里添加以下代码就可以访问你的Picasa 相册了:
<script type="text/javascript">
username="你的Picasa帐户名称";
photosize="800";
columns="4";
</script>
<script type="text/javascript" src="http://www.shiyimin.com.cn/album/pwa.js"></script>
对以上代码做几点说明:
username要更改成你自己的的Picasa相册的帐户名称,比如我的Picasa相册的地址是http://picasaweb.google.com/shenyang2007,那么我的Picasa帐户名称就是shenyang2007.下面具体介绍一下外部网页调用用Google Picasa网络相册的图片的方法:
photosize控制每一张图片在显示的时候的尺寸大小,推荐使用800。
columns定义相册缩略图的列数,你可以根据网页大小定义。
首先,是要获得自己Picasa相册的用户名(Username),没有的要先注册啊。
二 把以下代码添加到网页文件里:
<script type="text/javascript">
username="你的Picasa帐户名称";
photosize="800";
columns="4";
</script>
<script type="text/javascript" src="http://www.shiyimin.com.cn/album/pwa.js"></script>
替换掉其中的“Picasa帐户名称”
预览网页,就可以从外部网页查看Google Picasa网络相册了。
显示的效果就如春泥博客的相册一样。当然,你也可以把pwa.js的代码拷贝到你自己的空间里。如果你的编程语言知识较好的话,你也可以修改pwa.js文件。
Jesse Berman真是聪明,用了几个函数就实现了非常复杂的功能。
还有一点,你也可以加入三张导航图片back.jpg(前一张图片), next.jpg(后一张图片), and home.jpg(相册目录),这三张图片一定要与pwa.js在同一个目录里面。
点击下载pwa.js
后记:今天在IE里测试的时候竟然发现相册无法显示,而在Firefox里显示很正常。看来还要好好研究一下。我不知道是不是所有的IE用户都无法访问相册。读者能不能留言告诉我一声啊。
再后记:经过仔细的对比,终于找到Google Picasa网络相册在IE浏览器里不能显示的病根了。原来是页面编码的问题,我原来用的编码是charset=gb2312,IE无法显示。现在把编码改成 charset=utf-8,Picasa相册在IE里面显示很正常了。
所以,以后的读者也要注意这个问题,一定要把编码格式改成 charset=utf-8。
不过还有一个小问题,pwa.js好像不支持把里面的说明修改成中文。没办法,只能用英文了。
我也很期望有人把这个Goolge Picasa相册做成Zblog的一个插件。
原文链接:http://www.shiyimin.com.cn/post/your_Google_picasa_web_album.html