我有几张图片,每张图片的宽度是 1400px,我想在加载所有图片后,提醒所有图片的总宽度,这是我的代码:
var images = new Array("0.jpg", "1.jpg", "2.jpg");
for (var i = 0; i < images.length; i = i + 1) {
$("#img_place").append("<img src='" + images[i] + "'>");
}
var loadedImgsCount = 0;
var imgTotalWidth = 0;
for (var i = 0; i < images.length; i = i + 1) {
var currImg = new Image();
currImg.src = images[i];
currImg.onload = function() {
loadedImgsCount = loadedImgsCount + 1;
imgTotalWidth = imgTotalWidth + currImg.width;
}
}
interv = setInterval(function() {
if (images.length === loadedImgsCount) {
alert(imgTotalWidth );
clearInterval(interv);
}
}, 500);
在 HTML 中:
<div id="img_place">
</div>
此代码例如用于 3 个图像,问题是:在 chrome 和 safari 中,此代码的结果有时不正确:有时 1400,有时 2800 但有时正确:4200。在 opera 和 firefox 中,结果总是预期:4200。请告诉,我哪里出错了?为什么我的代码在 safari 和 chrome 中不正确?