JQuery "идет загрузка" - JavaScript показать идентификатор загрузки, загрузчик, картинку поверх при Ajax запросе -- пример кода

Для реализации вывода анимированного идентификатор загрузки, после подключения 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