更改时div divhtml上的jquery动画

Question

我有这样的div:

<div id="outerDiv"><img src="1.png" /></div>

我想将outerDiv的innerhtml更改为另一个图像,

我可以使用jquery在下面的代码中有一些动画/淡入淡出效果吗？或任何其他方式来改变动画的内部HTML.

$('#outerDiv').html('<img src = "2.png" />')

Answer 1

$('#outerDiv img').fadeOut(1000, function()
{     
    $(this).attr('src',"2.png").fadeIn(1000);
});

演示: http ://jsfiddle.net/hvG7k/