jquery - HTML/jQuery 预加载图像

Question

我正在升级一个基本的照片库以使用 jQuery（哇哦！）。

到目前为止，我了解 jQuery 的语义，但有一个例外：我似乎无法将我的大脑包裹在整个图像预加载的事情上。我已经有了一个完整的 div 类和 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 做什么（如果有的话？）。

寻找关于做什么的想法。

score 1 · Accepted Answer

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

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

这样做可能有点笨拙，因此您可以使用更具体的选择器：

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

score 1 · Accepted Answer

如果您查看此页面，向右稍远一点（在“相关”部分中），您会看到您的问题的完全相同的副本，它可能会为您解答：

2 回答 2