淡出一个图像，淡入第二个

Question

我想要一个图像慢慢淡出，而第二个图像慢慢淡入。两个图像应该位于同一个位置。我怎样才能做到这一点，而不需要将他们的风格设置为：绝对？

Answer 1

尝试类似...

$('imageOneSelector').fadeOut(1000, function(){ 
    $(this).replaceWith(new image html); 
    $('imageOneSelector').fadeIn(1000); 
}); 

UPDATE：

继承人的jsfiddle测试没有图像，但应该是相同的概念...

http://jsfiddle.net/qWngq/1/