前言
也許這是我寫的幾個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的代碼,期待有達人有時間能完成,我忙過了這段時間再來完善吧.
