JQuery "идет загрузка" - JavaScript показать идентификатор загрузки, загрузчик, картинку поверх при Ajax запросе -- пример кода
Primary tabs
Для реализации вывода анимированного идентификатор загрузки, после подключения JQuery определим две функции (где-то в JS скриптах):
// выводим идентификатор function showLoaderIdentity() { $("#loader-identity").show("slow") } // скрываем идентификатор function hideLoaderIdentity() { $("#loader-identity").hide(); }
Далее на страницу, где возможно что-то будет загружаться, скажем в начало body добавим элемент:
<div id="loader-identity"></div> <!-- идентификатор загрузки (анимация) - ожидания выполнения-->
И подключим CSS для него:
#loader-identity { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('/img/ajax-loader.gif') 50% 50% no-repeat; }
В стилях указан путь к картинке -- её можно бесплатно подобрать и скачать (и изменить путь на тот, что подходит вам), например отсюда: www.ajaxload.info
Пример использования этих функция при выполнении Ajax: http://fkn.ktu10.com/?q=node/8151
- Log in to post comments
- 8940 reads