div上jquery動畫innerhtml更改

Question

我有這樣的股利：

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

我想將externalDiv的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/