Как определить загрузилось ли изображение

[Andrei]

Здравствуйте!

Как определить с помощью jquery окончание загрузки изображения ?

[exec]

$(image).bind('load', handler);

[Andrei]

exec,
У меня url подгружается через ajax, нужно запустить анимацию появления после загрузки изображения
Как в этом случае определить ?

$.ajax({
type: "POST",
url: "/rand_header.php",
data: "userHour="+myHour,
success: function(pic){
$('#header').css('backgroundImage', 'url('+pic+')');
$('#header').animate({'opacity':'1'}, 230);
}
});

[exec]

Andrei, background нельзя анимаировать через animate.

$.ajax({
type: "POST",
url: "/rand_header.php",
data: "userHour="+myHour,
success: function(pic){
$('#header').append('<img style="opacity: 0;" src="' + pic + '" />').bind('load', function () {
$(this).fadeIn();
});
}
});

[Andrei]

exec, Я анимирую DIV с background

[Andrei]

exec, a если так ?

$.ajax({
type: "POST",
url: "/rand_header.php",
data: "userHour="+myHour,
success: function(pic){
    myImage = new Image();
    function write(){
        $('#header').css('backgroundImage', 'url('+myImage.src+')');
        $('#header').animate({'opacity':'1'}, 230); 
    }
 
    myImage.onload = write;
    myImage.src = '/themes/images'+pic;
}
});

[exec]

Ну тогда лучше так

$.ajax({
type: "POST",
url: "/rand_header.php",
data: "userHour="+myHour,
success: function(pic){
$('<img src="' + pic + '" />').bind('load', function () {
$('#header').css('backgroundImage', this.src).fadeIn(230);
});
});
}
});

[Andrei]

Работает, спасибо!
С fadeIn почему-то не работало, я заменил на animate

[Weeee]

Способ .load не работает в Opera 10.

[Kolyaj]

Работает.