Javascript-форум - Как проверить загрузился ли фон

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Как проверить загрузился ли фон (https://javascript.ru/forum/misc/58604-kak-proverit-zagruzilsya-li-fon.html)

Как проверить загрузился ли фон

Добрый вечер! Есть div блок, в него подгружается фоновая картинка с помощью css. Бывает случается, что изображение не доступно. Как проверить загрузилось оно или нет?

<html>
  <style>
   #img {
    background-image: url([url]http://site.com/img.jpg);[/url]
   }
  </style>
 <body>
  <script type="text/javascript">  </script>
<div id="img">

</div>
 <body>
<html>

Я не знаю, как идеологически правильно, но сходу сделел бы как-то так

<html>
<head>
</head>
<body>

<div id = "img">some content</div>


<script>

var myImage = new Image
myImage.src = "http://javascript.ru/forum/images/smilies/smile.gif"

myImage.onload = function(){imageLoaded = true}

setTimeout(function(){
  var imgDiv = document.getElementById("img")
  if(window.imageLoaded) return imgDiv.style.backgroundImage = "url(" + myImage.src + ")"
  imgDiv.style.backgroundImage = "url(" + "enotherCoolImageUrl" + ")"
}, 1000)


</script>

</body>
</html>

спасибо, работает ))

var img = new Image();
img.src = 'http://site.com/img.jpg';
if(img.complete) {
    alert('Загрузился');
}