如何知道图像加载何时完成

Question

  

可能重复：
  JavaScript: Know when an image is fully loaded

我有这段代码：

$("#imageOnPage").attr("src", urlString);

我需要在图像在屏幕上显示后以某种方式触发事件。 换句话说，我需要为图像添加onLoad事件。

Answer 1

实际上有一个事件：

$('#imageOnPage').load(function()
{
/* your code */
});

加载图片后会被触发。

Answer 2

您应该能够绑定到图像的load事件。

$('#imageOnPage').load(function() {
    alert('image loaded');
});

Answer 3

$('#imageOnPage').load(function(){
  $(this).attr('src', urlString);
});