为每个图像设置不同的间隔

Question

我想用一个简单的jquery幻灯片放映一个图像暂停9秒，另一个暂停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

你的意思是^thisthis_this吗？

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 using just images, not set as background

Answer 2

不完全确定你想做什么，但我想你想要这个。

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