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

Question

可能重复：
JavaScript：知道图像何时完全加载

我有这个代码：

$("#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);
});