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

Question

让我解释一下自己，因为我的问题标题可能有点随机。我的网站有一些很好的图片，因此我想说一个加载栏，当我的浏览器收到它并将图像移动到右边的x像素。现在这背后的CSS也不差。我遇到的问题是JavaScript如何确定何时在浏览器中获取图像？因此，当所有图像都已加载时，我只需显示一个整洁的页面，用户可以看到所有这些图像在屏幕上慢慢下载。类似于以下网站的东西：

Link

甚至我在这里完全错了？以上链接如何实现这一目标？任何教程都会有很大的帮助。当我试着谷歌搜索“HTML加载页面”这真的是我第一次这样做。

Answer 1

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

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

或者您也可以使用onload JavaScript事件

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