Blog 技巧, 如何把google picasa相册搬回家

  Blog 技巧, 如何把google picasa相册搬回家

前言

也许这是我写的几个blog技巧中最简单而又实用的技巧了, 相信这里的每个读者都有一个gmail帐号,那么也一般有对应的google picasa相册.大家都知道google picasa比较cool, 存储空间也比较大.也许你已经有想法把她嵌入到你的个人的blog或者个人的网站里面,而这篇文章将告诉你怎么做.

实际上google picasa已经提供了嵌入到相册的代码,你可以尝试一下.但是效果并不好.

原理

实际上原理很简单,只需要利用一段现成的javascript代码就可以实现. 由于平时经常到sourceforge上面去晃悠,所以总是能够发现不少新的东西,而这个javascript就是其中的收获之一.

项目名称: JavaScript interface to PicasaWeb Albums

URL: http://sourceforge.net/projects/pwa/

我们需要下载这个javascript脚本,然后拷贝到一个可以访问到的地方.从目前的下载量来看，目前知道这个脚本的人其实并不多,全世界也就1000人左右.

怎么做

首先是下载脚本,前面已经提到,为了简化,我已经把脚本下载到我的个人网站了,大家自己拷贝以下代码,然后把用户名称改成自己的google用户名就可以,最后再把这段代码拷贝到自己的某篇文章就可以了.

       <script type="text/javascript">
             username='shaohui.zheng'; //改成你的google用户名
             photosize='800';
             columns='3';
       </script>
       <script type="text/javascript" src="http://shaohui.org/js/pwa-no-picasa-links.js">
       </script>

实际效果预览

<script type="text/javascript">username='shaohui.zheng'; photosize='800'; columns='3';</script> <script type="text/javascript" src="http://shaohui.org/js/pwa-no-picasa-links.js"></script>

改进方案

实际上可以比这个做得更好,完全可以做得更cool, 各位可以考虑修改一下CSS, 另外把lightbox的特效加进来.
相关URL: http://www.huddletogether.com/projects/lightbox/

其中需要涉及到修改JavaScript interface to PicasaWeb Albums的代码,期待有达人有时间能完成,我忙过了这段时间再来完善吧.