Показать сообщение отдельно
  #1 (permalink)  
Старый 04.07.2011, 21:08
Интересующийся
Отправить личное сообщение для Nikoole Посмотреть профиль Найти все сообщения от Nikoole
 
Регистрация: 04.07.2011
Сообщений: 20

Асинхронная загрузка картинок
Ребят, подскажите пожалуйста. У меня вот такой код:
function loadGif(id_gif)
{
	var loader = document.getElementById("load_"+id_gif);
	loader.src = "./css/img/loader.gif";
	$.ajax
	({
		type: "POST",
		data: "id_gif=" + id_gif,
		url: "./ajax/getGif.php",
		success: function(msg)
			{
				var preloadedImg = new Image(); 
				(!!!)preloadedImg.src = "/uploads/"+msg;
				var gifka = "gif_"+id_gif;
				var gif = document.getElementById(gifka);
				gif.src = preloadedImg.src;
				loader.style.visibility = "hidden";
			document.getElementById("viewed_"+id_gif).innerHTML = parseInt(document.getElementById("viewed_"+id_gif).innerHTML) + 1;
			}
	});
}


cтрока с пометкой (!!!) требует на выполнение какое-то количество времени... Пока грузится файл(preloadedImg.src = "/uploads/"+msg, хочу чтобы на странице крутился лоадер. Как сделать? Как позволить выполнение других команд только после полной загрузки картинки?
Ответить с цитированием