カルーセル li 内のコンテンツのフェード スライド ショーがあります。
フェード スライドショーは最初は正常に機能しますが、2 回目に繰り返すと、スライドショーの div がまったく表示されません。
使用したコード
var quotes = $(".inner_detail div");
var quoteIndex = -1;
function showNextQuote() {
++quoteIndex;
quotes.eq(quoteIndex % quotes.length)
.fadeIn(2000)
.delay(2000)
.fadeOut(2000, showNextQuote);
}
showNextQuote();
//Slider
$('#news-container').vTicker({
speed: 800,
pause: 6000 * quotes.length-1,
animation: 'fade',
mousePause: false,
showItems: 1
});
フィドルはこちら
3 つのスライド ダウンが終了するまで待ってから、最初の li を再び開始すると、fade div は表示されません。