Асинхронная загрузка картинок

[Nikoole]

Ребят, подскажите пожалуйста. У меня вот такой код:

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, хочу чтобы на странице крутился лоадер. Как сделать? Как позволить выполнение других команд только после полной загрузки картинки?

[ваый]

var img = new Image();
img.onload = function() {
// ...
};
img.src = 'test.jpg';

[Nikoole]

var img = new Image();
img.onload = function() {
// ...
};
img.src = 'test.jpg';

Спасибо. На сколько я понял. чуть чуть подправить надо. Сделал вот так:

var img = new Image();
img.src = 'test.jpg'
img.onload = function() {
   // ...
};

[da_ff]

Точно не уверен, но кажется в опере картинка не начнет грузиться пока ее не показать пользователю. Как вариант могу предложить грузить картинку в абсолютноспозиционированн ом img за границей экрана, а уже после полной закгрузки показать ее пользователю.

[melky]

да нет

смотри в девелопере, картинки спрашивается

(new Image).src  = "https://developer.mozilla.org/skins/mdn/Transitional/img/mdn-logo-compact.png"

[da_ff]

melky,
Так точно было в девятой ветке. new Image она точно не скачивала, пока ее не показать пользователю.

А нет, вру, сейчас попробовал на 9.64 загружается сразу. Тогда не помню, из-за чего я немного извращался со скрытыми слоями прежде чем показать картинку.