作者klern (灰)
看板Ajax
標題[問題] 網頁讀取進度條
時間Sun Feb 27 12:24:19 2011
大家好
因為我想做的網頁裡面因為某些目的需要很多圖片
因某些原因需要全部都讀完再顯示網頁 因此不適用lazy loading的技術
又因為這麼做需要讀取很久
所以我想做一個進度條 來讓訪客知道目前讀取的進度是如何
請問有辦法利用AJAX或什麼語法來做到這個技術嗎?
還是只能用笨方法... 一張一張去讀是否已經 complete...
謝謝!
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.166.180.149
※ klern:轉錄至看板 Web_Design 02/27 12:25
1F:推 IwillSay:$(doucument).ready();啟動進度條開始的動作 02/27 13:38
2F:→ IwillSay:$(windows).load(); 啟動進度條結束的動作 02/27 13:39
3F:→ klern:那中間跑到幾趴的部份呢@@" 感謝 02/27 15:14
4F:推 s25g5d4:這時候只好放一個圓圈圈讓他轉了...XD 02/27 19:32
5F:→ klern:我目前就是放圓圈阿XD 想說改進度條比較能讓訪客知道進度 02/27 20:53
6F:推 KC73:每張圖綁個 onload 呢?不過這還是有問題,因為所有圖應該會 02/27 21:50
7F:→ KC73:差不多的時間一起load完,除非你又刻意讓圖分時間載入. 02/27 21:50
8F:→ KC73:IE對img的onload跟其他不一樣,要多檢查complete 02/27 21:51
9F:→ KC73:還有常見的作法 <div 背景='轉轉圖'><img src='圖'></div> 02/27 21:53
10F:→ klern:謝謝KC73我目前就是用你說的轉轉圖作法 我害怕的是一張張 02/27 22:18
11F:→ klern:去檢查是否complete 又會造成額外的負擔 02/27 22:18
12F:→ s25g5d4:如果是沒幾張大圖 就還好 一堆小圖可能會爆 02/27 22:34
13F:→ klern:那可能會爆XD" 02/27 22:55
14F:推 wa120:如果是gmail那種模式ok嗎,用ajax預載 之後在顯示 02/28 13:25
15F:→ wa120:因為換頁之後Client端就有cache,所以用原路徑都會是好的圖 02/28 13:25
16F:→ klern:謝謝樓上 但好像不適用XD" 02/28 14:32