javascript - 画像ごとに異なる間隔を設定する

Question

この単純な jquery スライドショーで、1 つの画像を 9 秒間一時停止させ、もう 1 つの画像を 3 秒間一時停止させたい

<script>
$(function(){
    $('.fadein2 img:gt(0)').hide();
    setInterval(function(){$('.fadein2 :first-child').fadeOut(2500).next('img').fadeIn(2500).end().appendTo('.fadein2');}, 9000);
});
</script>

html

<div class="fadein" > <img src="1.jpg" > <img src="2.jpg"> </div>

Answer 1

あなたが何をしたいのか正確にはわかりませんが、これが欲しいと思います。

http://api.jquery.com/delay/

Answer 2

^このようなことを意味します_か？

function changeBackground() {
    $(".fadein2 img").first().fadeIn("slow", function showNext() {
        var next = $(this).next('img').length ? $(this).next('img') : $(".fadein2 img").first();
        $(this).siblings().fadeOut('slow').delay(3000);
        next.fadeIn("slow", showNext).delay(9000);
    });
}

$(function() {    //    starts when page is loaded and ready
    setTimeout(changeBackground, 0);
})

背景として設定されず、画像のみを使用するjsFiddle