加載第一個圖像後的Fire onload事件

Question

我有一個網站的「截圖」，我們假設它已經在瀏覽器緩存中。

我希望圖像是在瀏覽器中打開該網站的URL時加載的第一件東西。把它看成是一種預加載器。

onload事件應該在此之後立即觸發。 （=基本上是即時） 這只是爲了美化原因停止瀏覽器向用戶顯示加載動畫。

之後，應該加載頁面的其餘部分。一旦完成，圖像應該被刪除。

這樣的順序：

1. 顯示預裝的圖像
2. 使瀏覽器認爲該頁面完全加載
3. 負載的實際網站
4. 隱藏預加載圖像

有沒有辦法，乾淨或骯髒的做到這一點？

Answer 1

像這樣使用圖像上的「on load」事件。

<div> 
<img src="yourpreloadimage.gif" id="img" /> 
</div> 

<script> 

$("#img").on('load', function() { 
$("#img").hide(); 
    alert("image is loaded. Hide image and show rest of page."); 
}); 
</script>