0

http://gsclientlounge.co.uk/audi/facebook/lifestyle/day.php?d=4&m=5&y=2012&event_id=54#1

上記のURL画像の高さに応じてdivの高さを変更する必要があります。

しかし、これをコーダスライダーと組み合わせると事態は悪化します。

それに応じてサイズを変更したい、

だから私は以下に入れました、

$(document).ready(function() {
    $("#controls a").click(function() {
        var hI= $(".imgGallery").outerHeight(); 
        $(".pan1").height(hI+40);
        $("#coda-slider-1").height(hI+40);
    });
});

div の高さを取得してオーバーライドします。

しかし、問題は、現在ではなく以前のスライダーの高さをオーバーライドしていることです。

解決策はありますか？

4

2 に答える 2

1

スライド遷移前の高さを計算しているため、高さが間違って計算されていると思います。したがって、現在のスライドではなく前のスライドの高さを取得するたびに。スライダーのアニメーション完了機能で高さを計算する必要があります

また

遅延後の高さを計算します（アニメーションにかかる時間、あなたが定義したと思います）。したがって、たとえば1000ミリ秒のタイマーを遅らせてから、スライダーの高さを取得してコンテナーに適用します

編集：スライド後に計算すると、スライド後に高さが適用されるため、スムーズにはなりません。つまり、画像が途切れる期間があることを意味します。したがって、クリック時の次の画像の高さを調べ、それを基準点として使用する必要があります。すべてのスライド アイテムを取得すると、次のスライドを取得して高さを計算できます。前方に移動して最後のアイテムに到達したとき、または後方に移動して最初のアイテムに到達したときに、最初のアイテムまたは最後のアイテムを見つけるためのロジックが必要です。

于 2012-05-29T20:29:41.627 に答える
0

ギャラリー完了イベントのイベントを追加して、これを修正しました。

于 2012-06-04T05:30:03.517 に答える