如何在JavaScript运行之前保证图像加载？

我正在尝试使用

img.onload = function()
                        { ... }

确保图片已完全加载，以便继续执行我的步骤。 这种方法不适用于我，因为我需要在加载第一张图片后再加载另一张图片（我有一组图片，必须以特定的时间间隔一张接一张地加载）

是否有其他方法（可能是jQuery）来保证图片已加载？

：当元素和所有子元素已完全加载时，加载事件将发送到元素。此事件可以发送到与URL关联的任何元素：图像、脚本、帧、iFrame和窗口对象

因此，您可以围绕图像创建一个包装器div，然后这样做：

$( "#imageWrap" ).load(function() {
    // next steps go here 
});

---编辑---

由于load事件可能无法正确触发，因此我偶然发现了这一点：

---

这将是更好的解决方案

这可以通过一个名为jquery的插件轻松完成。你可以这样使用它：

for(var i = 0 ; i < img_array.length ; i++) {
    imagesLoaded( img_array[i], function(){
        // Stuff to do after the image is loaded
    });
}

for（var i=0；i

您的目的是什么？你想做一个预加载程序吗？怎么样

.ready（）

@尼克：是的，我有一个预装的。您可以看到页面[here]（）。@Aaroniker问题在于ready（）：“指定DOM完全加载时要执行的函数。”我需要知道何时加载图像（之前加载的img标记）。感谢您的回复。我已经尝试过用这种方式实现，但我遇到了问题。在第一次迭代中，一切都很好，然而，在我提交表单之后，它就出错了。如果不是太麻烦的话，请看一下实现：？sry-我的错，我只是复制了相关部分，但不是完整的解决方案。。。但我不想偷解决方案。。。所以，请你转到链接的stackoverflow主题，自己阅读。美元.fn。函数声明，是一个jquery原型声明——如果我的控制台显示正确，您只需将其粘贴到现有代码中即可。那不行！

for(var i = 0 ; i < img_array.length ; i++) {
    imagesLoaded( img_array[i], function(){
        // Stuff to do after the image is loaded
    });
}