Jquery 更改索引时设置数组元素的动画

我有一个包含4个jquery元素的数组

<div class="wrapper">
 <img class="image">
 <img class="image">
 <img class="image">
 <img class="image">
</div>

对于我的幻灯片效果（例如，左侧的幻灯片），我做了类似的操作（这不是我的完整代码，幻灯片效果可以工作！）

我的包装滑向左边。现在，我想在播放幻灯片时变换图像

if(images.index() === 0) {
  // some css for this image (I do my transformation width css transition)
} else if(images.index() === 1) {
  // do some other transformation with css
}

我在我的

animate（）

中包含了

if

（目前，在

complete

中）

因此，我的包装器向左滑动，我的数组元素会像它们应该的那样变换，但仅在幻灯片动画的末尾。我需要这种转换，而我的幻灯片效果

比如：

while（images.index（）>=0&&images.index（）也许您可以检查以下示例：





我用prepend和append更改了我的数组。我需要追加或prepending时的时间。您是否尝试过任何操作？否。我不知道何时需要设置数组元素的动画。我的元素“2”从位置2滑动到1。在该过程中，我要变换此元素。我有一个幻灯片动画。我想在移动时更改元素更改索引位置。您能提供滑块的代码或名称吗？
$('.wrapper').prepend($('.image').last());
$('.wrapper').css('margin-left', '0px');
$('.wrapper').animate({'margin-left', '-100px'}, 1000);

if(images.index() === 0) {
  // some css for this image (I do my transformation width css transition)
} else if(images.index() === 1) {
  // do some other transformation with css
}

while(images.index() >= 0 && images.index() <= 1) {// do transformation while this is true}