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的代码,期待有达人有时间能完成,我忙过了这段时间再来完善吧.