JQuery анимация изображения

Question

Хорошо, я делал простую анимацию JQuery. Когда пользователь нажимает на изображение, он перемещается влево на 1000 пикселей. Вот приведенный ниже код:

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

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

Очень мило, ничего не случилось, все работает как БОСС! Когда изображение достигает 1000px, оно останавливается. Все хорошо! Теперь я хочу заменить изображение другим изображением, когда оно останавливается, когда оно завершает анимацию 1000px. Как это сделать? Например, как только он остановится, изображение изменится на другое, скажем, image2.jpg например.

Thank!

Answer 1

Анимация() имеет событие для окончания анимации. Например у вас есть что-то вроде:

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

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

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