[問題] 網頁讀取進度條

作者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

推 IwillSay:$(doucument).ready();啟動進度條開始的動作 02/27 13:38

→ IwillSay:$(windows).load(); 啟動進度條結束的動作 02/27 13:39

→ klern:那中間跑到幾趴的部份呢@@" 感謝 02/27 15:14

推 s25g5d4:這時候只好放一個圓圈圈讓他轉了...XD 02/27 19:32

→ klern:我目前就是放圓圈阿XD 想說改進度條比較能讓訪客知道進度 02/27 20:53

推 KC73:每張圖綁個 onload 呢？不過這還是有問題，因為所有圖應該會 02/27 21:50

→ KC73:差不多的時間一起load完，除非你又刻意讓圖分時間載入. 02/27 21:50

→ KC73:IE對img的onload跟其他不一樣,要多檢查complete 02/27 21:51

→ KC73:還有常見的作法 <div 背景='轉轉圖'><img src='圖'></div> 02/27 21:53

→ klern:謝謝KC73我目前就是用你說的轉轉圖作法我害怕的是一張張 02/27 22:18

→ klern:去檢查是否complete 又會造成額外的負擔 02/27 22:18

→ s25g5d4:如果是沒幾張大圖就還好一堆小圖可能會爆 02/27 22:34

→ klern:那可能會爆XD" 02/27 22:55

推 wa120:如果是gmail那種模式ok嗎,用ajax預載之後在顯示 02/28 13:25

→ wa120:因為換頁之後Client端就有cache,所以用原路徑都會是好的圖 02/28 13:25

→ klern:謝謝樓上但好像不適用XD" 02/28 14:32