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); 
});