jquery - 等到所有图像在更改它们的 src 后加载

Question

我有一个项目，在文档完全加载后，我必须更改图像 src 属性（稍微修复它们）。

我想要的是检查 src 属性更改后的所有图像是否已完全加载的选项，以便我可以计算它们的高度并基于此继续我的代码。

这可能吗 ？

Answer 1

你可以用 jQuery 做：

$('img#newsrc').load(function(){  // this triggers after image is loaded

    // do your checking

}

或特定图像：

var file = 'beautiful.jpg';
$('img').attr('src', file).load(function() {  
    alert(file + 'is loaded');  
});  

Answer 2

如果您想在页面上的所有图像都加载后做某事，请尝试以下操作：

$(document).ready(function () {
  var nImages = $('img').length;
  $('img').load(function () {
    nImages--;
    if (nImages == 0) {
      ... do whatever ...
    }
  }
});

如果您不想包含所有图像，只需将选择器“img”更改为更具体的内容。