加载第一张图像后触发onload事件

Question

我有一个＆＃34;截图＆＃34;一个网站，我们假设它已经在浏览器缓存中。

我希望在浏览器中打开该网站的网址时，图像是第一个被加载的内容。把它想象成一种预加载器。

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>