前にカルーセルに項目を追加、私はセットアップがhttps://gist.github.com/dongyuwei/5864686アニメーション
から取られたシンプルなカルーセルスクリプトからcodepen基本的に、それは3枚のスライドを持っていると、一度に3枚のスライドを示していますができますしましたそれらを無限に繰り返します。
私が抱えている問題は、次のまたは前のボタンを使用すると、スライドアニメーションが発生し、一度終了スライドが移動して本当にぎこちないように見えるということです。
スライドを最後に配置し、必要な位置に複製し、スライドアニメーションを作成して古いものを削除してよりクリーンな結果を得る方法はありますか?
Codepen:http://codepen.io/mellomedia/pen/WxBXjX
$('.infinite-carousel').infiniteCarousel({
itemsPerMove : 1,
duration : 500
});
使用時間の-5Sとして期待される結果、使用カルーセル時間を達成するために - $(」無限カルーセル。 ').infiniteCarousel({ itemsPerMove:1、 duration:5 }); –
http://codepen.io/nagasai/pen/AXkbQN –
Nagaさんありがとうございましたが、スライドアニメーション効果を削除しないとどうしますか? – user2562674