如何验证加载的背景(css)图像?

the*_*edp 28 javascript css jquery load background-image

我有以下CSS类

.bg {
   background-image: url('bg.jpg');
   display: none;
}
Run Code Online (Sandbox Code Playgroud)

我正在申请TD标签.

我的问题是如何判断JavaScript/jQuery背景图像是否已完成加载?

谢谢.

更新:添加了显示属性.由于我的主要目标是将其切换到视图中.

Jam*_*xon 45

我知道这样做的唯一方法是使用Javascript加载图像,然后将该图像设置为背景.

例如:

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

  • 你可以为`bgImg.src = imageLocation;`设置一个超时时间,但我认为大多数人不会在你的电脑上,:P (2认同)