在动画之前将项目添加到轮播答案

【问题标题】：Add item to carousel before animation在动画之前将项目添加到轮播
【发布时间】：2016-08-23 00:33:20
【问题描述】：

我从https://gist.github.com/dongyuwei/5864686 获取的简单轮播脚本设置了一个codepen

基本上，它将有 3 张幻灯片，并且一次显示 3 张幻灯片，但您可以无限循环浏览它们。

我遇到的问题是，当使用下一个或上一个按钮时，会发生滑动动画，一旦完成，最后的幻灯片就会移动，看起来真的很笨重。

有没有办法让幻灯片结束，复制到所需的位置，然后制作幻灯片动画，然后删除旧的，以获得更清晰的结果？

$('.infinite-carousel').infiniteCarousel({
  itemsPerMove : 1,
  duration : 500
});

【问题讨论】：

使用持续时间 -5s 平滑滑动 - $('.infinite-carousel').infiniteCarousel({ itemsPerMove : 1, duration : 5 });
codepen.io/nagasai/pen/AXkbQN
感谢 Naga，但如何在不移除滑动动画效果的情况下做到这一点？
更新了codepen...检查一次

【解决方案1】：

要达到预期的效果，请使用轮播持续时间为 50

$('.infinite-carousel').infiniteCarousel({
  itemsPerMove : 1,
  duration : 50
});

【讨论】：