这是我用来预加载图像的代码,我不确定它是否是最好的代码。 我的问题是,我怎样才能触发和事件,例如 alert();完成所有图像加载后的对话框?
var preload = ["a.gif", "b.gif", "c.gif"];
var images = [];
for (i = 0; i < preload.length; i++) {
images[i] = new Image();
images[i].src = preload[i];
}
最佳答案
如果您愿意,可以使用新的“$.Deferred”:
var preload = ["a.gif", "b.gif", "c.gif"];
var promises = [];
for (var i = 0; i < preload.length; i++) {
(function(url, promise) {
var img = new Image();
img.onload = function() {
promise.resolve();
};
img.src = url;
})(preload[i], promises[i] = $.Deferred());
}
$.when.apply($, promises).done(function() {
alert("All images ready sir!");
});
让 Image 对象四处漂浮可能有点冒险,但如果是这样的话,可以通过移动闭包轻松解决。 编辑 事实上,我会自己更改它,因为它困扰着我:-)
关于javascript - 预加载图像后触发事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5623639/