2

したがって、フェードイン/フェードアウト同期の私の解釈は、最初の画像がフェードアウトし始めると2番目の画像がフェードインし始めるということですが、私のスクリプトでは、次の画像がフェードインし始める前に約1秒の空白があります。

        $(function(){
            $('#up').cycle({
                fx:    'fade',
                sync:  true,
                delay: -2000
             });
        });
4

1 に答える 1

0

質問が何であるか正確にはわかりません。syncあなたが言うことをするべきです。sync: trueまた、これはデフォルトであるため、まったく必要ありません。可能であれば、jsfiddle を投稿してください。

しかし、最初に設定してみてくださいfx: 'fadeout'。見る：

http://jquery.malsup.com/cycle/fadeout.html

と

https://github.com/malsup/cycle/commit/f769b0fabe925b6cf8b4b5197b8c868ceb0c9261

これにより、「上部」の画像がフェードアウトして、常に「下部」の画像が下に表示されるため、いわゆる「空白」がなくなります。fx(アルサップはスーパーヒーローですが、ドキュメントではさまざまな設定が十分に説明されていないと言わざるを得ません。) 理解しておくべきことは、スクリプトが 1 つのスレッドで 2 つの要素 (通常は画像) をアニメーション化することです。そのため、たとえば、デフォルトfx設定の を使用していfadeて、白い背景の上に 2 つの暗い画像がある場合、各スライド トランジションの中間点で背景が透けてイライラすることがあります。(個人的には、日常的な使用のすべてに「フェードアウト」を使用します。私見では、実際には のデフォルト設定である必要がありますfx。)

delay最後に、最初の遷移のタイミングにのみ影響することを理解してください。後続の遷移には影響しません。

于 2012-05-02T18:35:34.237 に答える