Показ страницы после загрузки background-image

447

28 января 2017, 11:59

Всем Здравствуйте, Как сделать так, чтобы background-image загружался до того как страница будет показана?

HTL

<div class="background"></div>

CSS

.background {
   background-image: url(img/background.png);
}

Answer 1

Самому сделать такое сложновато (как я понял, когда сам искал решения).
Нашел такой скриптик. Он позволяет выполнить скрипт после загрузки изображения с бекграунда, например, используя такой кодик (jQuery):

$('#container').imagesLoaded( 
  { background: true }, 
  function() {
    console.log('Бек-изображения загружены!');
});

Но я, пока использовал его, столкнулся с тем, что бекграунды у псевдоэлементов он не инициализирует и не отслеживает их загрузку (даже с использованием функции готовности DOM). Это нужно знать, думаю.