javascript - jQuery 淡入和淡出问题

Question

我有一些用于图像 slider 的 jQuery，但由于某种原因，我的 fadeIn 效果仅适用于第一张幻灯片，而 fadeOut 效果适用于除最后一张幻灯片之外的所有幻灯片。我是 jQuery 的初学者，所以它可能非常简单。下面是 slider 的 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