Animate（）要滑入的方向

Question

关注jQuery：

$("#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" );

旧图像向左滑动（方向＆lt; ---）。新的IMG从左向右滑动（方向---＆gt;）。为什么？如何改变它newimage.jpg像滑出效果（方向＆lt; - ）一样sil？？

当然，我看了一下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" );