Jquery加载顺序

Question

我的文档中有此内容:

<ul id="slideshow">
<li><img src="img1.jpg"></li>
<li><img src="img2.jpg"></li>
<li><img src="img3.jpg"></li>
</ul>

<ul id="thumbs">
<li><img src="img1_thumb.jpg"></li>
<li><img src="img2_thumb.jpg"></li>
<li><img src="img3_thumb.jpg"></li>
</ul>

如何使用 jquery 更改加载顺序？

我需要先加载#thumbs。然后加载#slideshow。

现在，在慢速连接上，所有幻灯片图像加载后都会调用所有图像缩略图...

谢谢

[]的

马特乌斯

Answer 1

使用预加载。

$.preloadImages = function(){
  for(var i = 0; i<arguments.length; i++){
    jQuery("<img />", {style:'display:none'}).attr("src", arguments[i]);
  }
}

$.preloadImages("img2_thumb.jpg", "img1_thumb.jpg", "img3_thumb.jpg");

在实际幻灯片放映之前