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

时间:2016-08-23 00:33:20

标签: jquery carousel

我从https://gist.github.com/dongyuwei/5864686

中取得的简单轮播脚本设置了一个codepen

enter image description here

基本上,它将有3张幻灯片,并且一次显示3张幻灯片,但你可以无限循环播放它们。

我遇到的问题是,当使用下一个或上一个按钮时,会发生滑动动画,一旦完成,移动的结束幻灯片看起来非常笨重。

有没有办法将幻灯片放在最后,复制到所需位置,然后进行幻灯片动画然后删除旧幻灯片以获得更清晰的结果?

Codepen:http://codepen.io/mellomedia/pen/WxBXjX

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

1 个答案:

答案 0 :(得分:0)

要达到预期效果,请将轮播持续时间设为50

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

http://codepen.io/nagasai/pen/AXkbQN