jquery - jQueryスライドショーが最初のループで最初のスライドをスキップする

Question

いくつかの画像を循環する作業中のjQueryスクリプトがあります。ただし、最初のループで最初のスライドに戻ると、最初のスライドは表示されません。しかし、実行を続けて最初のループに戻ると、問題なく動作します。最初のループにあるだけです。

問題へのリンク: http://jsfiddle.net/YLJNw/8/

Answer 1

簡単な修正は、単に削除すること<div class="slide">です。追加呼び出しを行うと、画像はこの div の外側で終わりますが、内側で始まります。

jsFiddle の例

別のオプションは、jQuery を変更して、コンテンツ div の代わりにクラス スライドを含む div で動作するようにすることです。

jsFiddle の例

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