javascript - 检查图像是否已使用 jquery 加载

Question

问题 - 在运行时我使用 jquery 更改/替换某些图像的 src 属性。这些图像默认是隐藏的。我想在这些图像下载并准备显示时显示这些图像，因为也有可能某些图像无法下载。

         <img id="pic_1" width="153" height="160" border="0" 
                onmouseout="this.style.border='2px solid #FFFFFF';"
                   onmouseover="this.style.border='2px solid #4585E7';" 
                                       style="visibility: hidden;" 
                                        src="**to be replaced at run time**"">

请让我知道如何实现此目标的任何解决方案。

Answer 1

我相信您可以使用Load event为此。

类似于:

$('#myImage').load(function() {
  //called when image is loaded
});

Here is a working example

Here is an example with delayed loading