Как загружать сначала другую картинку?

Question

[Роман]

Друзья, подскажите кто знает. Есть баннер стирающийся demo6.epiales.net/2 . Сначала у нас грузится DOM с картинками, а потом поверх становится стирающаяся картинка, которая подгружается с js. У нас видно, как сначала грузятся картинки, а потом уже стирающаяся картинка. Можно сделать, что бы сначала подгружался стирающийся слой а уже за ним, основной баннер

Answer 1

[Дмитрий]

как-то так. код не тестировался, но суть должна быть понятна

<div id="help" class="center-side" style="visibility: hidden;">
                <img src="css/img/main-bg-1-full-hd.jpg"  onload="loadImage()" class="center-side__lg" alt="">
                <img src="css/img/main-bg-md.jpg" class="center-side__md" alt="">
                <img src="css/img/main-bg-sm.jpg" class="center-side__sm" alt="">
                <img src="css/img/main-bg-xs.jpg" class="center-side__xs" alt="">
</div>

<script>
function loadImage() {
    document.getElementById("help").style.visibility = "visible";
}
</script>

Comments

[Роман]

не совсем понял. Может можно сделать типа как у других плагинов "afterload" . Просто в этом плагине такого метода нету

[Дмитрий]

не знаю о каком плагине идет речь, но я предложил чистый JS без плагинов
www.w3schools.com/jsref/event_onload.asp

[Дмитрий]

ключевой момент src="css/img/main-bg-1-full-hd.jpg" onload="loadImage()"

[Роман]

Дмитрий: обновите сайт который я загрузил ) получается сначала загрузится картинка а потом уже поверх становится баннер который нужно стереть. Мне нужно что б та картинка не светилась)

[Дмитрий]

Роман: и я предложил решение. смотрите мой код внимательно

[Роман]

Дмитрий: спасибо