預加載大量圖像

我知道這個問題已被多次詢問，但所有的答案似乎相互衝突。我有500-600張圖片，我想要預先加載並放入滑塊。什麼是最有效的方法來實現這一目標？預加載大量圖像

再次道歉，如果這之前已被回答。

感謝

來源

2012-03-01 Peter

爲什麼不實施延遲加載呢？預先加載600張圖片太過於浪費...... – elclanrs 2012-03-01 10:42:23

使用AJAX在下一張/上一張幻燈片中加載圖片 – 2012-03-01 10:46:48

看看ImageLoader。

您可以使用它來加載圖像並跟蹤加載的圖像。例如

var imageLoader1 = new ImageLoader({ 
    "images": [ 
      { "id":101, file: "path/image1.png" }, 
      { "id":102, file: "path/image2.png" } 
     ], 
     "onAllLoaded":function() { alert("Images loaded"); } 
    });

這是如果你想預先加載所有的圖像。對於600張圖片，可能你不應該這樣做。

來源

2012-03-01 10:47:10

感謝您的鏈接，我會檢查它，看看它是否有幫助！ – Peter 2012-03-01 12:58:53

大多數時候600個圖像的頁面上，用戶最有可能將無法查看所有600 ..你或許應該加載圖像是必要的。那麼多圖像會消耗你的帶寬。

來源

2012-03-01 10:46:37

沒有有效的方法來預先加載600張圖片，正如評論所說，延遲加載會更好。

如果你不得不預先加載所有的圖片，我會忘記JS，只需將圖片放入頁面的元素中，然後將該元素從屏幕上移開，如左：-5000px等等（display：none will not工作）。

來源

2012-03-01 10:49:25 adeneo

是的，我認爲懶加載將是最好的選擇，我從來沒有做過它。 – Peter 2012-03-01 13:00:25

預加載大量圖像

回答

相關問題