[問題] 網頁讀取進度條

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