玩玩Picasa Web Albums 系列二
今天抽空寫了個picasaweb結合lightbox程式,
利用picasaweb提供的JSON,再加上lightbox的效果,
效果如下
你可以點選我的blog左邊的那個picasaweb album下的照片(感覺有點簡陋...)看看demo
或是點選下面這兩個demo.
http://vip.blueshop.com.tw/ajun/demo/picasaalbum1.htm
http://vip.blueshop.com.tw/ajun/demo/picasaalbum2.htm
如果你對這有興趣,要使用的話,只要在網頁加上下面這兩行
<link rel="stylesheet" href="http://ajunlee.googlepages.com/lightbox.css" type="text/css" media="screen" />
<SCRIPT LANGUAGE="JavaScript" src="http://jskits.googlecode.com/files/PicasaLightbox.js?user=ajunlee&albumid=5052475690688572641&size=288"></SCRIPT>
其中要修改的為user跟albumid,
user當然就是你的picasaweb的帳號(也就是google的帳號)
albumid是你的相簿的id,而id可以從幾個地方取得,
看是從picasaweb提供的相簿Rss或是從API的結果中都可以取得.
而size則是要顯示的圖檔大小,
目前可以使用的大小為72,144,160,288,800
如果你看了上面的說明後,還是不太會用的話,
那你可以直接使用下面這工具來產生,
http://vip.blueshop.com.tw/ajun/albumlist.aspx
只要輸入你的google帳號後按下[瀏覽],
就會出現你所有公開的相簿,
然後按下圖片下方的[顯示PicasaLightboxAlbum代碼]就會出現該相簿所屬的javascript,
然後再將代碼些在你要顯示相簿的區塊即可.
目前的功能,在一個頁面上顯示一個相簿沒有問題,但多個的話就不保證了...有空再來慢慢調整...