A框架：如何等待執行，直到圖像加載完畢？

Question

我需要幫助。 我正在做一些A幀網站，僅當加載背景圖像時才需要它啟動。 關鍵是球面免費圖片，它們的360度范圍非常大-像20000 x 20000 px，因此它們會加載10秒鍾左右。 這取決於互聯網的速度。 廣告我不希望動畫在背景完全加載（以及其他圖像）之前執行。 然后，我添加了背景和相機的一些移動，但是在加載背景時-它們都已執行。 除非絕對必要，否則我不想下載jquery。 有任何想法嗎？

Answer 1

您可以使用window.onload僅在瀏覽器中的所有內容呈現后執行腳本。

function myAwesomeAnimationScript() {...}

window.onload = myAwesomeAnimationScript;

將所有腳本包裝在一個函數中，然后簡單地設置對它的引用以處理該事件。

這是一個基本示例，如果您想要一個尊重其他處理程序的更優雅的解決方案，請覆蓋addEventListener（） ，它將覆蓋指定事件的任何其他事件處理程序。