Как сделать прелоадер?

Question

[Welaurs]

Доброго времени суток. Хочу сделать прелоадер для сайта, но есть проблема: все способы, что я перепробовал, скрывают лоадер до загрузки страницы полностью. Загружается лишь DOM, и начинается загрузка шрифтов и картинок, но лоадер уже скрывается. Как это можно исправить на чистом JS или CSS?
P. S. Пробовал поместить код для скрытия лоадера и показа контента перед

Comments

[kulaeff]

Покажите код.

[Welaurs]

kulaeff: ну, а что показывать-то...
Первый вариант:
Перед < /body>

document.getElementById('content').style.display = 'block';
document.getElementById('loader').style.display = 'none';

но он не сработал, грузит DOM, лоадер скрывается, но шрифты, картинки не загружены.

Второй вариант:
Перед < /body>

#content {
    display: block;
}

#loader {
    display: none;
}

[kulaeff]

Нужно подписаться на событие window.onload.

Answer 1

[nen0y]

gnatkovsky.com.ua/preloader-dlya-sajta-na-javascri...