애니메이션() 방향 jQuery를 따라

Question

에 슬라이딩 :

$("#zero-img").animate({ left: (-1)*width_img_size }, "slow"); 
$("#zero-img-container").attr("src",""); 
$("#zero-img").css("left", "150"); 
$("#zero-img-container").attr("src","/img/newimage.jpg"); 
$("#zero-img").animate({ left: 0 }, "slow"); 

이전 이미지가 왼쪽 방향 (< ---) 밖으로 슬라이딩된다. 새로운 IMG가 왼쪽에서 오른쪽으로 슬라이드 (방향 --->)됩니다. 왜? newimage.jpg가 슬라이딩 아웃 효과 (방향 < -)처럼 사일로 쳐지는 것을 어떻게 변경할 수 있습니까?

물론 jquery의 API를 살펴 보았습니다. 그러나 나는 그것을 얻지 못한다.

Answer 1

이미지가 왼쪽에서부터 뒤로 슬라이드합니다. 오른쪽으로 설정하는 코드는 슬라이딩하기 전에 실행됩니다. 슬라이드 아웃 한 후 오른쪽에 이미지를 설정하려면 애니메이션 콜백을 사용하고 애니메이션 후에 실행합니다.

$("#zero-img").animate({ left: (-1)*width_img_size }, "slow", function(){ 
    $(this).css('left', 150); 
    $("#zero-img-container").attr("src","/img/newimage.jpg"); 
}); 
$("#zero-img").animate({ left: 0 }, "slow");