@westdp

Как сделать чтобы прелоадер грузился сразу при загрузке страницы?

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

Рабочий пример
А это стоит в футере:
<div id="hellopreloader">
    <div id="hellopreloader_preload"></div>
</div>

<script type="text/javascript">
    var hellopreloader = document.getElementById("hellopreloader_preload");

    function fadeOutnojquery(el) {
        el.style.opacity = 1;
        var interhellopreloader = setInterval(function () {
            el.style.opacity = el.style.opacity - 0.05;
            if (el.style.opacity <= 0.05) {
                clearInterval(interhellopreloader);
                hellopreloader.style.display = "none";
            }
        }, 16);
    }
    window.onload = function () {
        setTimeout(function () {
            fadeOutnojquery(hellopreloader);
        }, 0);
    };
</script>
  • Вопрос задан
  • 1716 просмотров
Решения вопроса 2
dedalik
@dedalik
Веб разработчик
Поставьте preloader в header (не в < head >)

<div id="hellopreloader">
    <div id="hellopreloader_preload"></div>
</div>
Ответ написан
maxsof
@maxsof
Фронтенд-разработчик
Уберите из head вы что?

Поставьте сразу после body и стили не пишите внизу, а перед прелоадером. А еще лучше в файле css.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы