jquery - 全幅の Jquery Cycle プラグインの問題

Question

こんにちは、Jquery Cycle プラグインに問題があります。私の目的は、スライド ショーをブラウザーの全幅で表示し、コンテナー div をそれに応じて調整しますが、最大の高さを持ち、オーバーフローに設定することです。

これまでのところ、ブラウザでのサイズ変更で幅の問題を修正でき、スライドは比例して調整されますが、自動に設定されている div の高さは、内部の子では変更されず、代わりに最小の高さに設定されます。auto に設定すると、おそらく 0 に設定されて消えます。

どんな考えでもコードを貼り付けるのは素晴らしいことです。ウィンドウの resixe 関数で div の高さを調整するために Java を使用しようとしましたが (ただし、少し初心者です)、うまく動作しませんでした。

画像のサイズ変更を許可するための Java スニペットを次に示します。

$(document).ready(function() {
$('#slideshow-wrap').cycle({
    slideResize: true,
    containerResize: true,
    fit: 1,
    fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});

下にコンテンツを含むHTMLスニペットを次に示します

   <div class="wrapper" id="slideshow-wrap">

        <img src="images/slide/mountainbear1.jpg"/>
        <img src="images/slide/mountainbear1.jpg"/>

   </div>

   <div class="wrapper" id="content"></div>

このセクションの css は次のとおりです。

 #slideshow-wrap {
    position: relative;
    margin: 0;
    min-width: 960px;
    min-height: 442px;
    max-height: 750px;
    height:auto !important;
    max-width:100%;
    overflow: hidden;
  }

 #slideshow-wrap img{
   margin: auto;
   width: 100% !important;
   min-width: 960px;

   }

また、javascript に height: auto を追加しようとしましたが、これを行うと、スライド内の両方の画像が上下に表示されますが、高さは調整されます。