jQuery回调函数使动画顺序运行

Question

我的问题是：

因为fadeOut完成后会调用回调函数，我可以将回调函数放在fadeOut函数之后（外部）吗？

情况如下：

我尝试用jQuery fadeOut和fadeIn函数构建一个图片旋转器。我们的想法是通过设置不同的CSS z-index值将三张图片分成三层。然后使用setInterval重复更改其位置。

但是当我写

时，我发现淡化效果消失了

curr.fadeOut(1000);

next.removeClass("previous").addClass("current");

curr.removeClass("current").fadeIn();

代码是JSFIDDLE1;

如果我将最后两行放入fadeOut中，换句话说，将它们视为回调函数，则淡入淡出效果会起作用。

我在这里写了正确的代码：

curr.fadeOut(1000, function(){

next.removeClass("previous").addClass("current");

curr.removeClass("current").fadeIn();

});

代码为JSFIDDLE2