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

Question

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

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

Answer 1

一个简单的办法是简单地删除您<div class="slide">。当你进行追加调用时，图像最终在这个div的外面，而它们从里面开始。

jsFiddle example

另一种选择是修改jQuery来与类幻灯片，而不是内容的div股利工作。

jsFiddle example

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