等待使用jquery完全加载特定图像？

Question

我目前正在使用下面的代码来加载图片，但我想在图像完全加载之前显示某种加载gif。

$('#addimage').attr('src', src[i]);
$('#addimage').show();

由于我在动画媒体框中使用它，因此在块中加载的图像看起来不太好，所以在图像加载时我想通过显示加载gif来替换它。感谢

Answer 1

使用load()事件：

$("#addimage").load(function() {
  $(this).show();
});

编辑：显示一张图片，直到另一张图片更加复杂但完全有可能。请参阅Image Loading。

Answer 2

一旦图像加载，您就可以使用回调事件。类似的东西：

$('#addimage').load(function() { $(this).show() });
$('#addimage').attr('src', src[i]);

首先设置加载处理程序，然后应用src属性。这是假设图像默认隐藏（通过CSS等）。

Answer 3

您可以将onload事件绑定到图像。

Answer 4

为什么不将src属性设置为指向加载图像（EG，动画gif）并且只显示整个时间？