javascript - 如何验证背景(css)图像是否已加载？

Question

我在 <td> 上应用了以下 CSS 类标签:

.bg {
   background-image: url('bg.jpg');
   display: none;
}

我如何使用 JavaScript/jQuery 判断背景图片已完成加载？

Answer 1

我知道的唯一方法是使用 Javascript 加载图像，然后将该图像设置为背景。

例如:

var bgImg = new Image();
bgImg.onload = function(){
   myDiv.style.backgroundImage = 'url(' + bgImg.src + ')';
};
bgImg.src = imageLocation;