0

私は持っている：

<a id="item<?php echo $i; ?>">...</a>
<a id="item<?php echo $i; ?>">...</a>
...

$i は 1 から始まる現在の反復の値になり、次のようにレンダリングされます。

<a id="item1">...</a>
<a id="item2">...</a>
...

私が必要としているのは、最初の要素のみを表示し続け、数秒後 (4 ～ 5 秒) にフェードアウトして次の要素をフェードインするスクリプトです。そして、このサイクルを最後の要素まで繰り返します。次に、ループして最初からやり直します。

「一時停止」や次/前の要素は必要ありません。

前もって感謝します！

4

2 に答える 2

2

この JS を使用できます: ( http://jsfiddle.net/KWmgf/ )

var fadeLoop = function($el) {
    $el.fadeOut(4000, function() {
        var $next = $el.next();
        if ($next.length == 0) {
            $next = $el.siblings(":first");
        }
        $next.fadeIn(4000, function() {
            fadeLoop($next);
        });
    });
};

$(document).ready(function(){
    $("#item1").siblings().hide();
    fadeLoop($("#item1"));
});
于 2013-08-29T15:57:33.593 に答える