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

Question

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

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

因为我在动画媒体框中使用它,所以在块中加载的图像看起来不太好,所以当图像加载时我想通过显示加载gif来替换它.谢谢

Answer 1

使用load()活动:

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

编辑:显示一个图像,直到另一个负载更复杂,但完全可能.请参见图像加载.

Answer 2

加载图像后,您可以使用回调事件.就像是:

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

因此,首先设置加载处理程序,然后应用src属性.这是假设图像默认隐藏(通过CSS等).