在ajax站点预加载站点图像

Question

我有一个使用pjax在Sinatra上运行的投资组合网络应用。如果单击“工作”并进入每个项目，您将看到图像加载。我希望您在访问masedesign.com时在背景中加载图片。

加载整个站点（大约25MB）将在带宽方面花费很多。也许我应该加载每个项目的第一张图片。

我应该如何预览img代码中的图片？

Answer 1

var images = ['my.jpg', 'cool.jpg', 'images.jpg'];

$.each(images, function(key, value) { 
    (new Image()).src = value;
});

它正在使用jQuery，写得少做更多......

Answer 2

当图片放在页面上时，图片会开始加载，或者一旦你给它一个src属性，就会在javascript中创建。

image = new Image();
image.onload = function() {

    alert("I loaded!");
}

image.src = imageURL;