Полоска загрузки для сайта (плагин NProgress.js) - Скрипты - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Скрипты


Этот скрипт позволит установить на Вашем сайта прогресс бар, показывающий загрузку сайта в целом в виде полоски в верхней части. Впервые я увидел такую загрузку на YouTube, но не будем гадать, где она появилась впервые. Подумайте, прежде чем установить скрипт, т.к. может оказаться, что это и будет лишней нагрузкой на сайт. Если на сайте нечего загружать, то такой плагин будет лишним, а если на сайте встроен видео-проигрыватель или просто тяжелые изображения, то следует поставить такой интересный и полезный плагин.

Ниже приведена инструкция как установить прогресс бар на свой сайт на uCoz.
 

Установка:


Скачайте архив, загрузите папку nprogress через FTP.

В head Вашего сайта вставьте следующий код:

Код
<script src="nprogress/nprogress.js"></script>  
<link rel="stylesheet" type="text/css" href="nprogress/nprogress.css" />  
<script type="text/javascript">  
  $('body').show();  
  NProgress.start();  
  setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000);  
</script>

 
Теперь немного о настройке.

NProgress.start() — показывает Progress Bar

NProgress.set(0.4) — устанавливает значение в процентах (0.5 - 50%, 1 - 100% и далее)

NProgress.done() — завершает загрузку страницы


Плагин может оказаться полезным для видеосервисов, файловых хостингов и просто для украшения сайта. Очень прост в установке и использовании.

Важно!

При копировании материала указывать ссылку на источник.

- 438
- 24-Июня-2017
- 1
- 0
Материал разместил:

Похожий материал
Статьи сайта