圖像的JQuery動畫

Question

好吧，我正在做一個簡單的JQuery動畫。當用戶點擊圖片時，它將向左移動1000px。這裏是代碼如下：

function cloud2() {  
$('#cloud2').animate({left:'1000px'},40000); 
     setTimeout(cloud2,2000); 
} 

$(document).ready(function() { 
    $('#cloud2').click(function() { 
    cloud2(); 
}); 
}); 

很好沒什麼是錯的，所有工作就像一個BOSS！當圖像達到1000像素時，它停止。都好！我現在想要的是，當它完成1000px動畫時，將圖像替換爲另一個圖像。怎麼做？例如，一旦停止，圖像就會變成另一個，比如說image2.jpg。

謝謝！

Answer 1

animate（）有一個結束動畫的事件。 例如，您有類似：

<img src="image1.jpg" id="myimg">

function moveimg() { 
    $('#myimg').animate({left: '1000px'}, 40000, function() { 
     $('#myimg').attr('src', 'image2.jpg'); 
    }); 
} 

setTimeout("moveimg()", "2000")