Плавное исчезновение изображения, изменение источника и появление с помощью jquery

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

При щелчке по ссылке:

1.) исчезнуть img

2.) изменить src теперь скрытого изображения

3.) когда img с новым src завершит загрузку, исчезнуть

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

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

1.) постепенное исчезновение изображения

2.) показать анимированный gif "загрузка image"

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

4.) скройте анимированный gif "loading image"

5.) когда img с новым src завершит загрузку, исчезнет

Спасибо.

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

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

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