Javascript 在ajax站点中预加载站点图像

我有一个公文包web应用程序，它使用

pjax

在Sinatra上运行。如果单击“工作”并进入每个项目，您将看到加载的图像。我想在你访问的时候把图片加载到背景中

加载整个站点（约25MB）将花费大量带宽。也许我应该为每个项目加载第一批图像

如何在

img

标记中预加载图像

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

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

---

不过，它使用jQuery，写得少做得多…

图像在页面上放置时开始加载，或者如果是在javascript中创建的，则在给它一个src属性后开始加载

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

    alert("I loaded!");
}

image.src = imageURL;

---

另外，如果图像的display属性为none，或者它们位于具有该属性的元素中，则不会加载。我只是一个悲观主义者。jQuery库将在你眨眼时加载。。。让网站速度变慢的是糟糕的代码，甚至是更糟糕的jQuery插件，以及5次加载相同的东西。我倾向于自己写东西，即使它们已经存在，否则你永远也学不会。jQuery确实很有帮助，但它被糟糕的程序员滥用，就像PHP:）