Jquery Sıra Fonksiyonu

Question

Slayt gösterisi yazıyorum. Sonunda sadece bir slayt göstermek için iyi bir işleve sahibim. Tam olarak bir süre beklediğim shoSlide ile istediğimi gösterir ve sonra slaydı saklar. Hayır, bir slayt için bu kadar iyi olduğum için, benim sorunum pek çok şey için yapıyor.

function slideShow() { 
    console.log("countdown Slide Count: " + numberOfSlides); 

    console.log("Current slide number: " + jslideNumber); 

    $('#slide' + jslideNumber).fadeIn(1000).delay(5000).queue(function (next) { 
     console.log("Hiding Slide Number: " + jslideNumber); 
     $('#slide' + jslideNumber).fadeOut(1000); 
     next(); 
    }); 
} 

slideShow(); 

bir süre döngüye koyarak ancak WHILE kullanılarak, döngü veya sonsuz sayacında sonuçlar için çalışmıştır. Önceden jslideNumber ++ 'ı arttırıyordum ama problem, döngünün tezgâhın kuyruktan daha hızlı artmasıdır. Dolayısıyla, Slide1 gösterildiğinde, normalde Slide1 gizlenmelidir, ancak bunun yerine, Slide1 gösterilir ve gecikme sayacı yakaladığı zaman Slide6'yı gizlemeye çalışır.

Answer 1

Sen "[id^=slide]" seçici, $.map(),

var n = 150; 
 

 
$.map(Array(n), function(val, index) { 
 
    $("body").append("<div id=slide"+index+">"+index+"</div>") 
 
}) 
 

 
$({}).queue("_fx", $.map($("[id^=slide]"), function(el) { 
 
    return function(next) { 
 
    $(el).fadeIn(1000, function() { 
 
     $(this).delay(5000).fadeOut(1000, next) 
 
    }) 
 
    } 
 
})).dequeue("_fx")

[id^="slide"] { 
 
    display:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
 
</script>