HTML5預加載圖像設置

我使用了以下內容：HTML5預加載圖像設置

window.addEventListener("load", pageFullyLoaded, false); 

function pageFullyLoaded(e) { 
// run animation instructions/function here 
}

所以當時所有的對象都在DOM，圖片，腳本等加載完成我的動畫指令可以被解僱。

我的問題，現在是關於圖像預載：在我的CSS我一直在使用下列內容：

body::after { 
content: url ("sprite.png"); 
display: none; 
}

不過，我還不如不同的是在使用或不使用真正清楚它，如果在動畫發生之前JS中的加載事件已經等待所有可用的圖像可用？在CSS中使用它有什麼好處？

來源

2015-09-30 user2163224

實際上，onload事件不包括CSS中的背景圖像，我也懷疑這個... – Shikkediel

這與HTML5有什麼關係？我在這裏看到javascript，而不是HTML。普通老派javascript – vsync

加載事件不關心CSS。加載事件觸發時，它們可能會或可能不會被加載;他們可能或可能不會僅僅根據請求「延遲加載」。

來源

2015-09-30 21:46:43 Xanthir

你有這方面的來源嗎？看起來很奇怪，在CSS（和圖像）完全加載之前，加載事件會觸發。 –

我在這裏閱讀：[https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload]一旦所有圖像完成加載，加載事件就會觸發。這就是爲什麼我很困惑，是否有必要添加另一個調用來預加載圖像 - 無論是通過CSS或JS。謝謝！ – user2163224

HTML5預加載圖像設置

回答

相關問題