Перейти к публикации
webil

Javascript Перлодер загрузки страницы и/или картинки

Рекомендованные сообщения

webil

Такой вот вопрос, как сделать прелодер, в нете покопался пришел к выводу что просто не понимаю... 

Уйма разный стилизированых функций мешают мне вникнуть в саму суть её работы, потому если не сложно покажите мне пример элементарный.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость Blendy

@webil, Вот вам просто Javascript, у него 1 минус он будет показывать индикатор загрузкистраницы, но если приложить креативность, может не плохо получиться.

Положите это в один из ваших JS файлов в самый конец

;$(function() {
        $("body").append($("<div></div>").attr("id", "progress"));
        $("#progress").width((50 + Math.random() * 30) + "%");
});
$(window).load(function() {
    $("#progress").width("101%").delay(300).fadeOut(400);
});

Ну и CSS

#progress {position: fixed;z-index: 100;top: 0;left: -6px;width: 1%;height: 3px;background: #F7086D;border-radius: 1px;   transition: width 500ms ease-out,opacity 400ms linear;}

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
webil

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

 

up - все затестил, да, спасибо за помощь, вроде смысл понял, только пояснение бы вот этого момента "Math.random()" - что это за функция?

Изменено пользователем webil

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость Blendy

@webil, Незачто, обращайся :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.

×
×
  • Создать...