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”更改为更具体的内容。

等到更改src后加载所有图像

2 个答案: