9

スライド コンテンツ パネル内のスライド ショーでコンテンツ フェードを実装しました。

スライド ショーのフェードインはスライド パネルの最初の部分にありますが、スライドがランダムに動いているため、スライド ショーを表示できないという問題があります。

私が必要としているのは、スライドショーのアニメーションが完了するまで Sliding を待つことです。スライドショーが完了すると、スライド パネルの次のページが表示されます。

これがそのために使用されるコードです

//Fade in slide show
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: 3000,
        animation: 'fade',
        mousePause: false,
        showItems: 1
    });

スライドショー効果を見たい場合は、js のスライダー コードを削除してください。スライドショーの動作を確認できます。（ここでは、スライドショーのみを表示するためのフィドル）

これが動作するデモです (このデモでは、最初のスライド li にスライドショー div があり、スライドが速く動いているため見えません)

前もって感謝します...

4

4 に答える 4

2

正確な番号がわかればできると思います。スライドショーの要素の次のような簡単な手順を実行できます

1)Wait_For_SlideToFinish = NO.Of.Elements * (fadeIn_Value + delay_Value + fadeOut_value )

Wait_For_SlideToFinish 2) これで、スライダー機能を開始する前に、スライダーを xxx 秒遅らせることができます。

私があなたの質問を理解していれば、これはあなたのために働くことができます.

于 2013-05-08T11:36:03.277 に答える