October 25, 2006


My flickr viewer以文找文

國內的 Album Service Provider 如 wretch 或者 xuite 等,大部分長的都很像,就像是 gallery 系統一樣,中間一張小圖,下面一串縮圖,這樣的設計沒什麼不妥,看的人進到這個 Album,多數不會只看一張圖就走,通常會順著底下縮圖一張一張的點下去,所以在底下放上前後張縮圖操作起來也順暢。不過我常常納悶,為什麼是放下面?螢幕多半是長方形,左右較寬,放在旁邊不是可以讓畫面有比較好的效果嗎?而且每次點下一張時,就必須要等待頁面重載,圖檔慢慢顯示,這很煩人,當妳在看這張圖檔時,我相信有相當大的機率會點下一張,為什麼不先偷偷下載,讓瀏覽器去暫存,等到妳看下一張時圖片會立刻出現,這樣不是順暢許多,只不過缺點是頻寬的浪費,不過我順暢的瀏覽與頻寬的利用應該是可以取得一個平衡點。

因為這樣我嘗試照著我的想法去做個 prototype 出來,利用一些 AJAX 的技巧,以及搭配一些 Javascript library 跟 Flickr API 去做出這個 gallery prototype 來。

second

我把 photostream 擺在右手邊,圖檔縮圖透過 phpFlickr 去抓出來,當妳往下拉動 scrollbar 時會動態去抓更多圖檔出來。如果妳點了其中一張圖,就會顯示在左邊的畫面中。而且在載入縮圖的同時,大圖的圖檔也預先載入到瀏覽器的快取中,所以當妳點選時,有很大的機會圖片會很快的顯示出來。

這個 prototype 還有很多缺點,不過最近心灰意冷,所以不想改了,大家隨意看看吧。



Posted by at 天空部落 │22:02 │回應(0)引用(0)攝影
相關閱讀

引用URL

http://blog.yam.com/syshen/trackback/6618543
回應文章