2

私はこのアコーディオンスライダーを使用しています。

各画像、特定の背景（つまり灰色）のそれぞれの画像の下部に配置される個々のテキストが必要な場合を除いて、すべて問題ありません。画像が表示されている間、背景のあるテキストは画像上を上にスライドします。テキスト部分の高さは低くなります（画像の高さが250ピクセルの場合、テキスト部分の高さは50ピクセルになります）。

jsとhtmlのどの部分をどのように変更するかを指示するだけの人はいますか？

効果を上にスライドしたり、画像の上にテキストを配置したりするのは非常に簡単ですが、（少なくとも私の見解では）それほど小さくないスクリプトの場合の解決策を探しています。

4

1 に答える 1

2

コールバックを備えたKwicksの更新バージョンを使用する必要があります。

次に、キャプション、キャプションを配置するためのcss、および次のコールバックコードを追加します（ここにデモがあります）。

$('#demo').kwicks({

    // event called before kwicks expanding animation begins
    expanding: function(kwick) {
        kwick.$kwicks.find('.caption').stop(true,true).slideUp();
        kwick.$active.find('.caption').stop(true,true).slideDown();
    },
    // event called before kwicks collapsing animation begins
    collapsing: function(kwick) {
        kwick.$kwicks.find('.caption').stop(true,true).slideUp();
    }

});
于 2012-07-05T23:30:39.053 に答える