外部网页调用用Google Picasa网络相册的图片

(春泥博客)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.
photosize控制每一张图片在显示的时候的尺寸大小，推荐使用800。
columns定义相册缩略图的列数，你可以根据网页大小定义。

下面具体介绍一下外部网页调用用Google Picasa网络相册的图片的方法：
首先，是要获得自己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里测试的时候竟然发现相册无法显示，而在Ｆｉｒｅｆｏｘ里显示很正常。看来还要好好研究一下。我不知道是不是所有的ＩＥ用户都无法访问相册。读者能不能留言告诉我一声啊。

再后记：经过仔细的对比，终于找到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

如果您对本文感兴趣，欢迎点此订阅