How to verify background (css) image was loaded?

Question

I have the following CSS class that I\'m applying on a tag:

.bg {
   background-image: url(\'bg.jp         


        

Answer 1

The only way I know of to do this is to load the image using Javascript, and then set that image as the backgroud.

For example:

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