HTML/jQuery预加载图像

我正在升级基本照片库以使用jQuery（woohoo！）。HTML/jQuery预加载图像

到目前为止，我明白jQuery的语义，但有一个例外：我似乎无法将我的大脑包裹在整个图像事件的预加载中。我已经有了一个完整的divs class和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。

寻找想要做什么的想法。

来源

2013-04-30 redhotspike

我不知道你为什么会需要做任何的HTML ...要预装的所有图像可以一次你可以使用：

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

它可能会有点重手为此，您可以使用更具体的选择器：

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

来源

2013-04-30 04:11:12

我很欣赏你花时间给我一个解释和例子 - 真的很有帮助。谢谢！ – redhotspike 2013-04-30 04:26:12

如果你看一下这个非常页面上，稍远一点到右侧（以下简称“相关”一节），你会看到你的问题完全相同的副本，只是可能会为您一一解答：

Preloading images with jQuery

来源

2013-04-30 04:04:46 Joshua

嗯，我已经看到了这个问题，但我读了更远一点，找到了绝对适合的东西：http://stackoverflow.com/a/10214021/1301332谢谢！ – redhotspike 2013-04-30 04:12:12

HTML/jQuery预加载图像

回答

相关问题