Как подгружать картинку с задержкой?

Question

[Дмитрий]

Здравствуйте, на сайте подключён animate.css и wow.js. На первом экране есть лого которое должно выехать слева после загрузки первого экрана(фоновой картинки). Но при загрузке страницы сначала подгружается цвет(серый фон если картинка не загружена) а на сером фоне лого по центру , потом включается animate.css и лого пропадает и выезжает слева.
Как загружать картинку только тогда когда загрузился фоновый рисунок первого экрана?

Ссылка

Спасибо.

Comments

[Kovalsky]

"Authorization Required"

[Дмитрий]

Никита Полевой: demo/demo

[Kovalsky]

Мне кажется в данной ситуации проще не подписываться на какие-то конкретные события, а организовать общий прелоадер, который будет показываться до тех пор, пока вся странице не загрузится, после чего уже можно включать все анимации.

[Дмитрий]

Никита Полевой: на этой странице не будет прелоадера

[Kovalsky]

Дмитрий: а, подождите, так проблема в логотипе. Если да, то можно логотип просто скрывать, а после загрузки WOW показывать и анимировать.

[Дмитрий]

Никита Полевой: подскажите как именно его показать и анимировать ПОСЛЕ загрузки wow?

Answer 1

[Kovalsky]

Просто задайте логотипу свойство visibility: hidden, а WOW уже сам при инициализации установит visibility: visible.

Comments

[Дмитрий]

Спасибо.