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

我目前正在使用下面的代码加载图像，但我想在图像完全加载之前显示某种加载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等）。

Answer 3

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

Answer 4

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