javascript - jQuery图像预加载

我有一个Web应用程序，其中包含一些图像。

在开始时将在我的页面上显示一个叠加层，该叠加层会在所有加载的图片上自动消失。

我需要这样的东西

它的粗略代码

var image1="image1.jpg";
var image2="image2.jpg";
var image4="image4.jpg";

image1 & image2 & image4 loaded then fadeout #preload and show content.

请帮助我...我尝试了这个..但是没有用..

var img1 = new Image();
img1.src = "../images/wall.jpg";

img1.onload = function() {
    alert("loaded");
};

最佳答案

var images_loading = $('img').length;
$('img').load(function(){
  if(!--images_loading) {
    // all images loaded
  }
});

请注意，您不能使用display:none隐藏图像。

使用display:none将阻止浏览器下载图像。而是用户visibility:hidden。