jQuery 淡入淡出问题

Question

我有一些用于图像滑块的 jQuery，但由于某种原因，我的淡入效果仅适用于第一张幻灯片，而淡出效果适用于除最后一张以外的所有幻灯片。我是 jQuery 的初学者，所以它可能非常简单。下面是滑块的 jQuery 代码，非常感谢任何帮助！

sliderInt=1;
sliderNext=2;

$(document).ready(function(){
    $("#slider>img#1").fadeIn(300);
    startSlider();
});


function startSlider(){
    count=$("#slider>img").size();

    loop=setInterval(function(){

        if(sliderNext>count){
            sliderNext=1;
            sliderInt=1;
        }

        $("#slider>img").fadeOut(1000);
        $("#slider>img#"+sliderNext).fadeIn(1000);

        sliderInt=sliderNext;
        sliderNext=sliderNext+1;

    },5000);
}

Answer 1

尝试改变：

 $("#slider>img#"+sliderNext).fadeIn(1000);

收件人：

 $("#slider>img#"+sliderNext).fadeIn(2000);

我在这里也做了一个例子：jsfiddle