我的第一頁完成加載100％後，如何加載後續頁面的圖像？

Question

我有一個啓動頁面到我的網站有非常小的內容，它幾乎立即出現。

用戶登錄後，它們會顯示一個加載jQuery，一些JavaScript以及一些圖像的頁面。爲了讓第二個屏幕快一點，我想在第一個屏幕上預先加載一些圖像，但是在所有內容都出現後不要以任何方式減慢屏幕的速度。

有沒有一種方法可以做到這種預加載。也許與JavaScript（但不是jQuery）的東西。我只想確保下面的所有圖片都是在一切之後下載的？

document-globe.png 
control-000-small.png 
home.png 
folder-open.png 
arbo-points-v-end.gif 
arbo-points-v.gif 
breadcrumb-sep.png 

Answer 1

目前尚不清楚你想要做什麼。這裏有一些事情可以做：

1. 你可以聆聽到您的啓動頁面的window.onload事件，這意味着在啓動頁面的HTML中指定的所有資源現在加載。然後，您可以預先加載將在其他地方使用的圖像，可以在此頁面的後面使用動態javascript或在後續頁面中使用。對其他頁面進行預加載只會導致圖像位於瀏覽器緩存中用於這些頁面（這將加速它們的加載）。

2. 您可以將圖像從HTML中取出並通過javascript插入。如果這樣做，您可以先載入HTML中的圖像，然後使用上面的window.onload事件，然後可以加載第二組圖像並將它們插入到頁面中。這是優先考慮哪些圖像首先加載/何時加載的一種方式。

3. 您可以將onload處理程序附加到頁面中的七個特定圖像並在這些onload處理程序中使用代碼，您可以知道何時現在加載這七個特定圖像，然後在JavaScript代碼中執行其他操作（如啓動加載或預加載其他圖像）。由於HTML中指定的圖像在任何JavaScript可以將事件處理程序附加到它們之前開始加載，因此必須在實際HTML中指定這些類型的onload處理程序，以便它們立即生效。

在你的HTML不能指定N個圖像，並奇蹟般地第一加載任何其他人之前，告訴瀏覽器加載它們的七人。瀏覽器/ HTML沒有這種功能。