2009-02-25 54 views
1

我有一個相當基本的縮略圖和查看頁面。當每個縮略圖被點擊時,中央窗格顯示全尺寸圖像。這個工作正常 - 我使用Javascript來顯示和隱藏包含大圖像的div,但是當頁面首次加載時,它開始同時加載所有圖像。這導致用戶看到的第一個圖像非常緩慢地被引入。JavaScript可以強制隱藏divs等待加載其內容? (HTML/Javascript)

我已經嘗試在飛行中創建div,但之後我不得不等待每個圖像加載的不良影響。理想情況下,我想使用我當前的設置 - 只顯示和隱藏div - 並且一旦第一個窗格完成,讓隱藏的div開始加載其內容。有沒有辦法在可見的div上設置加載優先級,這樣在所有可見的div渲染之前,隱藏的網絡都不會獲得網絡時間?

+0

此外,請參閱[此相關問題](http://stackoverflow.com/questions/334325/how-to-display-loading-status-with-preloader-and-multiple-images),這可能有所幫助。 – senderle 2012-07-07 13:56:52

回答

1

我認爲你想要的是將你的'創造divs on the fly'(對於不可見的div)與image preloading相結合。應該讓你找到你想要的。