0

私の単純な JavaScript スライド ショーでは、データベースから自動入力される (最大 5 つの) div を循環させたいだけです。スライド ショーを正常に実行し始めますが、ループすると「空白の」スライドに移動し、最後のスライドに移動して、通常のサイクルを永遠に開始します。

この例では、2 つの div を使用しています。

ここで見ることができます: www.codekrewe.com/fbla

JavaScriptコードは次のとおりです。

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

編集: JavaScript を変更しました。上記のコード ブロックの JS が現在のものです。ただし、同じ問題が発生します。

スライドショーに 3 つの div があると、最初のスライドだけが 2 回目のループで空白になることがわかります。

4

1 に答える 1

2

私はこれに対する修正を見つけましたが、なぜそのような効果があったのかよくわかりません.

すべての div が呼び出された後、ホールディング ボックスで注目の div を少しだけ<h1>言いました。スライドが変わるたびにそれが押し上げられ、一番上に達すると空白のスライドが発生しました。

<h1>そのため、div が呼び出される前に を一番上に移動すると、空白のスライドの問題が修正されました。

于 2013-01-17T02:13:17.903 に答える