加载第一个图像后的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>