jQuery幻灯片在第一个循环中跳过第一张幻灯片

Question

我有一个可以循环浏览一些图像的工作jQuery脚本。但是，当它循环回到第一个循环上的第一张幻灯片时，第一张幻灯片不会显示。但是当它继续运行并循环回到第一个它工作得很好时，它只是在第一个循环。

问题的链接：http://jsfiddle.net/YLJNw/8/

Answer 1

一个简单的解决方法就是删除<div class="slide">。当你进行追加调用时，图像最终会在这个div之外，而它们会在它内部开始。

<强> jsFiddle example

另一种选择是修改你的jQuery以使用类幻灯片而不是内容div来处理div。

<强> jsFiddle example

$(function() {
    $('.slide img:gt(0)').hide();
    setInterval(function() {
        $('.slide img:first').fadeOut(1000)
        .next('img').fadeIn(1000)
        .end().appendTo('.slide');
    }, 3000);
});