1

我正在尝试创建一个基本的 jquery 2 图像幻灯片。我不希望图像淡入彼此，它们应该只是每秒改变一次。在我下面的 jquery 代码中，代码包括褪色。不褪色的正确代码是什么？

<div id="manwrapper">
    <div>
        <img src="images/index-man.png" width="500" height="788" alt="SS Image" />
    </div>
    <div>
        <img src="images/index-man2.png" width="500" height="788" alt="SS Image" />
    </div>
</div>
<!--end manwrapper-->

CSS

#container #manwrapper {
    float: right;
    margin-top: -280px;
    z-index: 3;
    position:relative;
    width:500px;
    height:788px;
}
#container #manwrapper > div {
    position:absolute;
}

JavaScript

setInterval(function () {
    $('#manwrapper > div:first')
        .fadeOut(1000)
        .next()
        .fadeIn(1000)
        .end()
        .appendTo('#manwrapper');
}, 3000);
4

2 回答 2

2

尝试这个...

setInterval(function() { 
  $('#manwrapper > div:first')
    .hide(1000)
    .next()
    .show(1000)
    .end()
    .appendTo('#manwrapper');
},  3000);
于 2013-05-20T15:05:06.387 回答
1

删除'fadeOut(1000)和.fadeIn(1000)。

演示

于 2013-05-20T15:05:32.330 回答