jqueryのスライドショーがループバックするまでに遅延がありますか？

Question

シンプルな画像スライドショーを作成しようとしていますが、私が望むように正確に動作していません。それがすべての画像を循環するとき、私は最初の画像にすぐにループバックします。しかし、それは私が望むものではないループする前に遅延があるようです。どうすればこの問題を解決できますか？

ここで私のcodepen https://codepen.io/tayanderson/pen/vWQXbd

$(document).ready(function(){ 
    var seconds = 2000; 
    var step = 0; 
    var limit = 2; 

    $("#Background").addClass("image-"+step).fadeIn(500); 

    setInterval(function(){ 
    $("#Background").fadeOut(500,function(){ 
     $(this).removeClass("image-"+step); 
     step = (step > limit) ? 0 : step + 1; 
     $("#Background").addClass("image-"+step).fadeIn(500); 
    }); 
    },seconds); 
}); 

Answer 1

変更の制限がゼロにあります。でも、あなたのcodepenの例のように2枚の画像でlimit = 0;

、あなたは0時（カウント）あなたのステップを開始する、とだけされていますstep > limitの場合はスライドショーをリセットします。これには4 "ラウンド"が必要です。

私は（カウンタを参照）、ここで、この動作の例を作りました：https://codepen.io/anon/pen/YERNrP