Javascript 如何知道您何时在浏览器中收到图像？

让我解释一下我自己，因为我的问题标题可能有点随意。我的网站有好几个图像，因此我想有一个加载栏，当我的浏览器接收到图像时，它会向右移动x个像素。现在，这一切背后的css并不坏。我遇到的问题是JavaScript如何确定何时在浏览器中获取图像？因此，当所有的图片都加载后，我可以简单地显示一个整洁的页面，而不让用户看到所有这些图片在他们的屏幕上慢慢下载。类似于以下站点的内容：

---

或者说我完全错了？上述链接是如何实现的？任何教程都会有很大帮助。当我尝试用谷歌搜索“HTML加载页面”时，这确实是我第一次这样做。

如果您使用的是jQuery，请在图像选择器上使用加载事件，如

 $(function(){
   $("#image").bind("load", function(E){
     alert("Load");
   });
 });

或者也可以使用onload JavaScript事件

document.getElementById('image').onload = function(){alert("Load");}

---

window.onload

在所有图像都加载了类似的内容时激发@jammykam类似于您的链接。只有当该条到达终点时，它才会同时显示所有图片