javascript - jquery:检测图像加载完成

Question

我使用以下代码将图像加载到单元格

$(cell).css("background-image", "url("+iconImage+")");

由于此图像是从服务器加载的....需要时间...我想在此单元格上添加一个事件指示器，直到加载图像并在加载图像时停止..我看到了一些示例，但是我不知道 jquery....还不知道该怎么做..

如果有人帮我弄明白我会很高兴......但请尝试提供示例代码 这有助于更好地理解事物

Answer 1

demo

尝试这样的事情......

$('<img/>').attr('src',iconImage).load(function(){
   // codes here when image is loaded
   alert('Image loaded');
});
$(cell).css("background-image", "url("+iconImage+")");