HTML / jQuery预加载图像

Question

我正在升级基本照片库以使用jQuery（哇喔！）。

到目前为止，我理解了jQuery的语义，但有一个例外：我似乎无法围绕整个预加载图像的事情。我已经有了一个包含divs类和id的布局。

这大致是图像部分的样子：

<div id="main">
<img id="spotHolder" src="images/somePic.jpg">
</div>
<div id="others">
<img class="otherPics" src="images/someOtherPic.jpg">
</div>

我使用jQuery Howto作为预加载图片的指南;但我不知道我需要做什么（如果有的话？）到html。

寻找有关做什么的想法。

Answer 1

如果您查看此页面，向右移动一点（在“相关”部分中），您会看到问题的完全重复，可能会为您解答：

Preloading images with jQuery

Answer 2

我不知道为什么你需要对HTML做任何事情......要预先加载所有可能的图像你可以使用：

$("img").attr('src', function (_, src) {
    $("<img>").attr('src', src);
});

执行此操作可能有点笨拙，因此您可以使用更具体的选择器：

$("#gallery-container img").attr('src' /* etc. */