加载第一个图像后的Fire onload事件
问题描述:
我有一个网站的“截图”,我们假设它已经在浏览器缓存中。加载第一个图像后的Fire onload事件
我希望图像是在浏览器中打开该网站的URL时加载的第一件东西。把它看成是一种预加载器。
onload事件应该在此之后立即触发。 (=基本上是即时) 这只是为了美化原因停止浏览器向用户显示加载动画。
之后,应该加载页面的其余部分。一旦完成,图像应该被删除。
这样的顺序:
- 显示预装的图像
- 使浏览器认为该页面完全加载
- 负载的实际网站
- 隐藏预加载图像
有没有办法,干净或肮脏的做到这一点?
答
像这样使用图像上的“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>
你的问题是“为我做我的工作”就像,试试你的自我第一 –