Как отображать изображения, только после полной загрузки?

Question

[Константин]

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

Answer 1

[Александр Земляной]

Если совсем кратко то так

var image = new Image();
image.src = "path/to/image.png";
image.onload = function () {}

Comments

[Константин]

А если не кратко..? )

[burtulug]

Осталось вставить ее в страницу: document.querySelector('.imageWrap').appendChild(image);