2016-08-23 104 views
0

之前,旋轉木馬我設置從https://gist.github.com/dongyuwei/5864686添加項動畫

enter image description here

基本上採取了一個簡單的旋轉木馬腳本codepen,將有3張幻燈片,並和顯示3張幻燈片,在同一時間,但你可以無限循環。

我遇到的問題是,當使用next或prev按鈕時,會出現滑動動畫,一旦完成,結束幻燈片移動,看起來非常笨重。

有沒有辦法讓幻燈片結束,複製到所需的位置,然後做幻燈片動畫,然後刪除舊的更清晰的結果?

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

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

使用時間-5S流暢滑動 - $(」無限旋轉木馬。 ').infiniteCarousel({itemPerMove:1, duration:5, }); –

+0

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

+0

感謝納迦,但你如何做到這一點沒有刪除滑動動畫效果? – user2562674

回答

0

爲了達到預期的效果,使用傳送帶持續時間50

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

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

+0

希望這對你有用:) –

+0

嗨娜迦,有沒有一種方法仍然保持平穩過渡(500),並有沒有突然出現的項目添加項目? – user2562674