0

我正在尝试修改下面的一段代码,以使淡出功能不会发生。我希望下一个图像淡入现有图像。任何人都可以提供帮助,因为我尝试删除淡出功能并且它不起作用。

$(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);

});

我拥有的CSS是:

#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>

4

2 回答 2

0

Have you tried to remove fadeOut like this

$(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);

});
于 2013-10-16T10:12:41.643 回答
0

您的代码正在运行,您是否在页面中包含任何代码jquery version

见工作Demo1Demo2Demo3

和没有fadeOut的Demo4

于 2013-10-16T10:21:04.977 回答