1

zurbからFoundation3を使い始めましたが、スライダーの左側にテキストと右側に画像が表示されたスライドがあります（画像とラベルだけではありません）。

ブラウザウィンドウのサイズを小さくすると、スライダーの高さを除いてすべて収まります。

必要なのは、小さなブラウザーでスライダーを高くすることです（同じスライダーである必要があります-代替ではありません）。

流体スライダーに流体オプションがあることは知っていますが、それを変更すれば、この問題を解決するのに十分だと思います。

どうすればそれを達成できますか？

以下は私のスライダーのHTMLコードです。

<div class="row">
  <div class="twelve columns">
    <div id="slider">
        <!-- *** This is the slider that needs to fit smaller browsers ***-->
        <div class="row" style="background-color:White;">
            <div class="six columns">
                <h2>Title</h2>
                <div class="summary">
                    This is the summary is the summary is the summary is the summary is the summary is the summary is the summary.
                    <a href="javascript:void(0);">Learn more</a>
                </div>
                <div class="some-thumbnails">
                    <img src="http://placehold.it/100x100&text=[thumbnail]" />
                    <img src="http://placehold.it/100x100&text=[thumbnail]" />
                    <img src="http://placehold.it/100x100&text=[thumbnail]" />
                </div>
            </div>
            <div class="six columns">
                <img src="http://placehold.it/550x250&text=[img 1]" />
            </div>
        </div>
        <img src="http://placehold.it/1000x400&text=[img 1]" />
    </div>
</div>

<hr />

4

1 に答える 1

1

軌道は、軌道プラグインによって使用されるプラグインによって生成された画像によって制御されます。プラグインを変更して、最も高いスライドの左右の部分の高さを取得し（電話ビューに変更した場合）、data-srcを「holder.js / [width]x[height]」に設定しました。そして、Holder.run（）メソッドを呼び出します。

于 2012-10-04T08:52:03.123 に答える