Проверка загрузки изображений (JQuery)

[alhames]

Имеется скрипт:

$("#foto img").animate({ opacity: 0.0 }, myImg['speed'], (function(){
    $("#foto img").attr("src", myImg['name']);
    $("#foto img").load(function(){
        $("#foto img").animate({ opacity: 1.0 }, (myImg['speed'] * 2));
    });
}));   

Соответственно myImg['name'] - адрес нового изображения, а myImg['speed'] - скорость анимации.
Скрипт выполняется при клике на превьюшке, но проблема в том, что ведет он себя очень странно - при каждом новом нажатии картинка загружается все медленее и медленее.
Можно ли как то иначе проверить, загружено ли нужное изображение или нет?

Comments

[tehzi]

var myImg = {
	speed : 1000,
	name : [
		"2.jpg", "3.jpg","4.jpg","5.jpg","2.jpg","3.jpg","4.jpg","5.jpg","2.jpg","3.jpg","4.jpg","5.jpg"
	]
};
var i = 0
$("#foto img").click(function(){
	$(this).animate({ opacity: 0 }, myImg['speed'], function(){
		$(this).attr("src", myImg['name'][i++]);
	});
}).load(function(){
	$(this).animate({ opacity: 1.0 }, (myImg['speed'] * 2));
});

Каждый раз кликая вы биндите на обьект функцию load, и с каждым разом массив с эвентами этого элемента становится толще, вот и тормозит, ибо выполняет не один load, а столько сколько накликали... Может я не прав, но просто я не увидел весь код, то как вы кликаете тоже важно.

[alhames]

ciego да да, вы совершенно правы =)
load() необходимо объявлять лишь однажды вне тела функции, выполняемой при клике - в этом то и была проблема)