Question

我有一些jQuery用于图像滑块但由于某种原因，我的fadeIn效果仅适用于第一张幻灯片，而fadeOut效果适用于除最后一张幻灯片之外的所有幻灯片。对于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

jQuery fadeIn和fadeOut问题

1 个答案: