Чат сообщества
|
   |
| Модератор форума: Yuri_G |
| Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как установить индикатор загрузки страниц как на YouTube |
| Как установить индикатор загрузки страниц как на YouTube |
|
MikhailovCity, Да просто скачать архив pace-0.4.17.zip css и js вставить и вуаля ...
http://geometriya.clan.su/index/formuly/0-2 github.hubspot.com/pace/ справа сверху кнопка скачать архив ... Скрипт (ы) в корневой папке а css (варианты внешнего вида) в папке - themes Сообщение отредактировал Miss_Esq - Понедельник, 10 Мар 2014, 17:20:37
|
|
Miss_Esq,
Цитата Miss_Esq (  )Да просто скачать архив Куда на ucoz всё это установить? |
|
MikhailovCity, третий, - github.hubspot.com/pace/ справа сверху кнопка скачать архив ...
Создать папку - pace в Файловом менеджере Из скачанного архива закачать в папку pace скрипт - pace.min.js (компактнее по размеру) или pace.js ... Из папки архива - themes скачать в папку pace в Файловом менеджере все css файлы ... (после экспериментов с внешним видом можно ненужные удалить) В заголовок шаблона страницы (между тегами <head> и </head>) вставляете и сохраняете шаблон ... <link rel="stylesheet" href="/pace/pace-theme-barber-shop.css"> <script src="/pace/pace.min.js"></script> |
|
Miss_Esq, Поставил всё работает, но не точно страничка загрузилась, а загрузка всё идёт, удалил)))
|
|
MikhailovCity,
Цитата но не точно страничка загрузилась Изменены параметры скрипта слегка ... В скрипте Код defaultOptions = { catchupTime: 500, initialRate: .03, minTime: 500, ghostTime: 500, maxProgressPerFrame: 10, easeFactor: 1.25, startOnPageLoad: true, restartOnPushState: true, restartOnRequestAfter: 500, target: 'body', elements: { checkInterval: 100, selectors: ['body'] }, Изменено Код defaultOptions = { catchupTime: 100, initialRate: .03, minTime: 100, ghostTime: 100, maxProgressPerFrame: 10, easeFactor: 1.25, startOnPageLoad: true, restartOnPushState: true, restartOnRequestAfter: 100, target: 'body', elements: { checkInterval: 100, selectors: ['body'] }, Поиграйте этими параметрами .... |
|
MikhailovCity, все поставил, все работает. Настраивается все на том же сайте. http://github.hubspot.com/pace/docs/welcome/
<script src="http://game-bomb.ucoz.ru/js/polosa_zagruzki_sverkhu_sajta_pace.min.js"></script> <link href="http://game-bomb.ucoz.ru/css/css_zagruzki_stranicy_flash.css" rel="stylesheet" /> Добавлять в самое начало верхней части сайта Пример тут - http://game-bomb.ucoz.ru/ И я думаю, у тебя были проблемы с тем, что и я хотел поставить. Пример, который полностью на весь сайт показывает прогресс бар. У меня он тоже почему то появляется, заполняется но не исчезает. Все остальные примеры грузятся отлично и быстро вместе с сайтом.  |
|
Татуированый,
Цитата polosa_zagruzki_sverkhu_sajta_pace.min.js Сообщение отредактировал Miss_Esq - Вторник, 11 Мар 2014, 15:22:40
|
|
Miss_Esq, http://github.hubspot.com/pace/docs/welcome/ с сайта качается только pace.min.js - Не вижу ссылки на полную версию и чем она будет отличаться?
За совет с компрессором, Спасибо  |
|
Татуированый, Скачайте архив github.hubspot.com/pace/ справа сверху кнопка скачать архив pace-0.4.17.zip там обе версии скрипта и куча разных css стилей внешнего вида фенечки ...
|
|
Miss_Esq, можете посоветовать еще нормальный компрессор?
А то я с .js на "Вы"... Добавлено (11 Мар 2014, 16:05:51) |
|
Татуированый, javascriptcompressor.com галочку ставлю в пункте - Base62 encode
|
|
Miss_Esq, Спасибо.
Ушел все на сайте Компрессить... |
|
Татуированый, проверяйте работу, некоторые скрипты после компрессии не работают, ломаются, из за синтаксических ошибок в несжатой версии ...
Несжатая с ошибками работает, а компрессия напрочь убивает такой скрипт ... |
|
Miss_Esq, я вот об этом тоже подумал. Бекапы делаю всегда, набил уже шишку на этом... Спасибо. Крупные js я решил не трогать. Такие как например для удобного добавления материалов в каталог файлов. Могут косяки мне кажется вылезти не сразу... Так как я в нем тоже ковырялся. Но удачно, все работает после меня. Не могу быть уверен, что потом после сжатия все не посыпется с кучей ошибок. Пока сжал только 5 штучек мелких.
|
| |||
| |||