Re: [問題] 網頁讀取進度條
※ 引述《klern (灰)》之銘言:
: 大家好
: 因為我想做的網頁裡面因為某些目的需要很多圖片
: 因某些原因需要全部都讀完再顯示網頁 因此不適用lazy loading的技術
: 又因為這麼做需要讀取很久
: 所以我想做一個進度條 來讓訪客知道目前讀取的進度是如何
: 請問有辦法利用AJAX或什麼語法來做到這個技術嗎?
: 還是只能用笨方法... 一張一張去讀是否已經 complete...
: 謝謝!
我想到的作法:
1.在DOM ready時算出img數量 $("img").size() ?
2.用preload http://plugins.jquery.com/project/Preload
callback時 將已載入的img數+1(全域變數img_loaded++)
並且重新計算、顯示「已載入數/總數」百分比 (例:15/20 )
可以的話,還是把多個小圖合成一個大圖吧(使用css sprite),
只是這樣進度條就沒什麼用了,只能顯示 0% → 100% 。XDD
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.122.30.198
→
02/28 14:32, , 1F
02/28 14:32, 1F
→
02/28 18:32, , 2F
02/28 18:32, 2F
→
03/01 12:43, , 3F
03/01 12:43, 3F
→
03/04 21:17, , 4F
03/04 21:17, 4F
討論串 (同標題文章)
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章