С помощью JQuery при загрузки странице появлялась крутящаяся картинка?

Question

[Serdji]

Вопрос такой. Как с помощью Jqurey сделать крутящаясю картинку при загрузки страниц. Страницы загружаются асинхронно из ajax. Но пока они подгружаются проходит время, так вот, пока идет загрузка нужно что бы что то показывало ее для пользователя. Как это реализовать с помощью JQ ?

Answer 1

[Serge K]

api.jquery.com/category/ajax/global-ajax-event-handlers

$(document).ajaxStart(function () {
    $("#loading").show();
});

$(document).ajaxComplete(function () {
    $("#loading").hide();
});

Answer 2

[Денис Инешин]

А вот тут можно сделать саму "крутящуюся картинку": preloaders.net/ru

Answer 3

[Serdji]

А если предается с помощью GET

function load(mod,vars,div)
{
	if(typeof div === 'undefined'){div = 'mainload';}
	var jqxhr = $.get( "/hendler.php?mod="+mod+"&page="+vars, function(data) {
	  $('#'+div).html(data)
		allFuncs()
	  ajaxNavigation = true;
	  // init();


	})
}

window.onload=function(){ 
	window.setTimeout(function(){ 
		window.addEventListener("popstate", function(e) {
		
		var	l = (location.pathname || '') + (location.search || '');
		reLoaction(l,1,1);
		e.preventDefault();
		},false); 
	},1); 
}

function init()
{
old_loc = (location.pathname || '') + (location.search || '');

 	$("a:not([href^='#']):not([target='_blank']):not([href$='/rss/']):not([href^='mailto\:']):not([href^='#'])").on('click', function(e){return false;});
	
	$("a:not([href^='#']):not([target='_blank']):not([href$='/rss/']):not([href^='mailto\:']):not([href^='#'])").on('click', function(event){
	var href = $(this).attr('href');
	reLoaction(href,1);




	
	});

Как тут можно подставить эту картинку пока идет загрузка странице ?

Comments

[Serge K]

первый ответ, вы все же почитайте текст по ссылке