Как показывать анимированый индикатор агрузки пока картинка не загрузилась?

Question

[timtimIT]

Здравствуйте.

Подскажите, как показывать анимированый индикатор агрузки пока картинка не загрузилась?

Загрузить в background родителя картинки?

Answer 1

[Денис Букреев]

Загрузить в background-image прелоадер
и выровнять по центру каешь

<div class="parent-img">
  <img src="kartinka.жипег" alt="">
</div>

.parent-img {
  background-image: url('../img/preloader.gif');
  background-position: center;
  background-repeat: no-repeat;
}