jquery. загрузка изображения

[SkrudjMakdak]

вот код:

$(document).ready(function(){ //думаю, это понятно
var img=$("img"); //находим картинку
$("div").click(function(){//выполнить функцию при щелчке по div'у
	img.one("load", function(){//выполнить функцию при загрузке картинки
	document.title="aaaaa"; //выдает сразу
		img.fadeOut(0).css("visibility", "visible").fadeIn(500);//делаем прозрачной картинку, делаем ее видимой, НО прозрачной(т.е. ее все равно пока не видно), и показываем
		setTimeout(function(){img.css("visibility", "hidden");}, 2000);// через 2 сек ее убрать
		});
	img.attr("src", "1.jpg");// подгружаем картинку
	});
});

при щелчке картинка должна подгрузиться и плавно появиться, но она резко появляется. видимо img.one("load", function() ... начинает выполняться до того как картина подгрузится. как мне сделать так, чтобы функция вызывалась после полной загрузки изображения??

[SkrudjMakdak]

такая штука в хроме вылазит. В остальных вроде норм

[polybas]

Вот неплохой пример Документ1.zip