Войти на сайт Регистрация
Добавить шаблон В каталоге: 578
Fance.ru
Современный индикатор загрузки для DLE
14.09.2013
  • 727 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 0.0 Рейтинг:
  • (Голосов: 0)
Описание:
Меняем AJAX индикатор загрузки в DLE

Автор скрипта/оф.сайт: https://github.com/rstacruz/nprogress
Прикрутил к DLE: SaD (sadisme.ru)
Версия DLE: 10-9.8 и ниже

1. Скачиваем архив или берём с оф.хранилища https://github.com/rstacruz/nprogress

2. В своём шаблоне, в main.tpl, подключаем nprogress.css и nprogress.js

Код
<link href="{THEME}/css/nprogress.css" media="all" rel="stylesheet" />
<script src="{THEME}/js/nprogress.js"></script>


3. Открываем файл /engine/classes/js/dle_js.js и находим:

Код
function ShowLoading(b){b&&$("#loading-layer").html(b);b=($(window).width()-$("#loading-layer").width())/2;var c=($(window).height()-$("#loading-layer").height())/2;$("#loading-layer").css({left:b+"px",top:c+"px",position:"fixed",zIndex:"99"});$("#loading-layer").fadeTo("slow",0.6)}function HideLoading(){$("#loading-layer").fadeOut("slow")}


Меняем на:

Код
function ShowLoading(b){ NProgress.start() } function HideLoading(){ NProgress.done() }
Источник: не указан
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]