jquery图像滑块修改

jquery图像滑块修改,jquery,slider,Jquery,Slider,我正试图修改下面的一段代码,这样就不会出现淡出功能。我希望下一个图像在现有图像上淡入淡出。有人能帮我吗,因为我已经尝试删除淡出功能,但它不起作用 $(function () { var changeTime = 5000; var speed = 1500; var slider = $("#imageSlide"), listItems = slider.children('li'), listLen = listItems.leng

我正试图修改下面的一段代码,这样就不会出现淡出功能。我希望下一个图像在现有图像上淡入淡出。有人能帮我吗,因为我已经尝试删除淡出功能,但它不起作用

$(function () {

    var changeTime = 5000;
    var speed = 1500;

    var slider = $("#imageSlide"),
        listItems = slider.children('li'),
        listLen = listItems.length,
        i = 0,

        changeList = function () {

            listItems.eq(i).fadeOut(speed, function () {
                i += 1;
                if (i === listLen) {
                    i = 0;
                }
                listItems.eq(i).fadeIn(speed);
            });

        };

    listItems.not(':first').hide();
    setInterval(changeList, changeTime);

});
我得到的是:

#imageSlide {
margin:0;
padding:0;
}
ul#imageSlide {
list-style:none;
list-style-image:none;
margin-left:0px;
}
li#imageSlide {
position:absolute;
top:0;
left:0;
}
HTML标记是:

<ul id="imageSlide">
<li><img alt="" src="/Images/image1.jpg" /></li>
<li><img alt="" src="/Images/image2.jpg" /></li>
<li><img alt="" src="/Images/image3.jpg" /></li>
<li><img alt="" src="/Images/image4.jpg" /></li>
<li><img alt="" src="/Images/image5.jpg" /></li>

您是否尝试过像这样删除
fadeOut

$(function () {

var changeTime = 5000;
var speed = 1500;

var slider = $("#imageSlide"),
    listItems = slider.children('li'),
    listLen = listItems.length,
    i = 0,

    changeList = function () {
        i += 1;
        if (i === listLen) {
            i = 0;
        }
        listItems.eq(i).fadeIn(speed);
    };

listItems.not(':first').hide();
setInterval(changeList, changeTime);

});

您的代码正在运行您是否在页面中包含了任何
jquery版本

参见工作和


如果没有淡出

是-图像淡出在每个图像的下方,而不是顶部。然后问题与CSS有关。这完全是另一个问题。但是,如果你想用一些HTML标记和CSS更新你的问题,我会帮你解决。谢谢-抱歉,我是JQueryTanks的新手,但我需要fadeIN独立进行,而不是使用FadeOutHanks-它几乎就在那里,fadeIN需要在现有图像上进行,而不是删除fadeIN。