Плавное изображение исчезать, менять ЦСИ и исчезать с JQuery

Question

Я пытаюсь сделать следующее:

На связи нажмите:

1.) затухать в IMG

2.) изменить ГКЗ теперь скрытое изображение

3.), когда IMG с новым СРКОМ завершения загрузки, замирания в

Минимально, я хотел бы видеть плавное замирание из одного изображения и замирания в из ругой (в пределах одного тега IMG, изменив ЦСИ)

В конце концов я хотел бы:

1.) затухать в IMG

2.) показывают анимированный GIF "изображение загрузки"

3.) изменить ГКЗ теперь скрытого изображения

4.) скрыть анимированный GIF «изображение загрузки»

5.), когда IMG с новым СРК заканчивается лоа ding, fade in

Спасибо.

Это то, что я пробовал до сих пор. Кажется, что он делает пару вспышек, но только после изменения src (до исчезновения). Странное поведение.

$("#Image").fadeOut(); 
$("#Image").attr("src", NEW_IMAGE_SRC); 
$("#Image").fadeIn(); 

#Image является тег IMG

Answer 1

Попробуйте это:

$('.click').click(function() { 
    $('img.class').fadeOut(300, function(){ 
     $(this).attr('src','new_src.png').bind('onreadystatechange load', function(){ 
     if (this.complete) $(this).fadeIn(300); 
     }); 
    }); 
});