0

フェード効果のあるjqueryを使用してスライドショーを作成しました。スライドショーの問題は、画像を追加すると正しく表示されることですが、画像の代わりにテキストを追加すると、テキストが下から上にバウンスするので、修正したいです。上に。実際に問題が発生する可能性が高いのは、私が行っているのは、li最初liにフェードアウト効果を有効にして休憩を無効にしている6つで、最初にフェードアウト効果をli、li次にliフェードliイン効果を与えているためです。で、その時点でテキストがバウンスしますが、これが画像で発生しない理由がわかりません。これが私の完全なコードです。

プロジェクト全体をダウンロードして表示できます

現在、divには画像が含まれていますが、これをh1要素に置き換えると、誤った出力が表示される可能性があります

4

1 に答える 1

0

したがって、jquery.cycleを使用すると、フェード効果の設定は次のように簡単になります。HTMLは次のようになります。

<div id="slideshow">
    <div class="slide">
        <p>Some text</p>
        <img ... />
    </div>
    <div class="slide">
        <p>Some text</p>
        <img ... />
    </div>
    <!-- more slides ... -->
</div>

次に、JavaScriptは次のようになります。

$('#slideshow').cycle({
    fx:'fade',
    slideExpr: '.slide'
});

フェードエフェクト（fx）は、サイクルプラグイン内の標準的なエフェクトです。 スライドのメイン（この場合）ラッパーslideExpr内のスライド要素を選択するためのjqueryセレクターを定義します。#slideshow

于 2012-04-16T23:34:58.793 に答える