这会重新加载图片吗？

Question

我根据自己的javascript知识编写了这个简单的图像预加载器，但我不知道它是否会在页面显示之前实际加载图像，或者它是否仍会加载图像。

   function preloadImages(html) {   
for(var i=0;i<document.images.length;i++) {
    img_obj = new Image();
    img_obj.src = document.images[i].src;
    if (!img_obj.complete) alert("could not load:" + img_obj.src);
    else continue;
}   
   $("#pad").fadeIn(200);
   return true;
}

另外，我预装图像的方式是否正确？

Answer 1

要加载图像，图像需要在页面上具有高度/宽度。

我认为大多数人通常会将图像插入DOM，设置高度，宽度，确保显示是块。设置绝对位置在-9999px左侧和顶部，或沿着这些线的东西。图像将在您需要时缓存。

Answer 2

取决于您想要做什么。 js应该在页面加载后运行onload所以我不确定你真的得到任何好处。 （http://dean.edwards.name/weblog/2005/02/order-of-events/）

您可以使用CSS进行预加载。