close
前幾天看了Christabelle的藝想世界 (裡頭圖文都很不錯!)
發現裡頭有個不錯的"特效",我發現圖片在頁面載入時並不會像一般的網站一樣全部載入完畢,
像常看一些圖片很多的網站,常要大量的載入時間,導致網頁開啟過慢,也因此看網站需培養耐心等待。
這個jQuery技巧就讓網頁在開啟之後,先載入我們看到的視窗範圍內的圖片,
所以其他不是我們視線內的圖片就不先載入,
等到一用捲軸往下拉畫面時,才一一的呈現,
我覺得這個呈現方式很不賴耶~還蠻炫的~哈。

當初看它的網頁原始碼還看不出什麼端倪,先去研究它的css,原以為是css圖片的語法,
研究一些時間後,才轉去看javascript~後來又去google找~終於讓我找到相關的文章了~

這是原文:
http://www.appelsiini.net/projects/lazyload

這是翻譯(簡字版):
http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/


結果又逛到http://mashable.com/
(這是一個知名blog及media的社交網站,裡頭有不少有關twitter,facebook的文章,如其名mashable~各種媒體的combine吧~)
發現它也有用這項技術~哈~
要不是無名不支援jQuery,不然我還蠻想用的咧~
(該來想想要不要搬家了~無名對網頁設計的限制真多)
arrow
arrow
    全站熱搜

    Aimee 發表在 痞客邦 留言(0) 人氣()