首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery fadeIn和fadeOut问题

jQuery fadeIn和fadeOut问题
EN

Stack Overflow用户
提问于 2014-08-07 15:50:14
回答 1查看 94关注 0票数 0

对于图像滑块,我有一些jQuery,但出于某种原因,我的fadeIn效果只适用于第一张幻灯片,而fadeOut效果则适用于除最后一张幻灯片之外的所有幻灯片。当涉及到jQuery时,我是个初学者,所以这可能是非常简单的事情。下面是滑块的jQuery代码,非常感谢您的任何帮助!

代码语言:javascript
运行
复制
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);
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-08-07 16:25:07

试着改变:

代码语言:javascript
运行
复制
 $("#slider>img#"+sliderNext).fadeIn(1000);

至:

代码语言:javascript
运行
复制
 $("#slider>img#"+sliderNext).fadeIn(2000);

我在这里还举了一个例子:小提琴

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25186866

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档