2

私のスライドは、さまざまなサイズと向き (一部のパノラマ) です。つまり、すべてフォトロールの写真です。ほぼすべての写真が何らかの形でビューポートより大きくなっています。それらを中央に配置し、正しい縦横比を持ち、iPhone用のタッチコントロールと、< >デスクトップ用のウィジェット（画像がページの幅よりも狭い場合、ちなみに非表示になります）が必要です。

CSS で max-width を指定することで、全幅を取得できます。全高はトリッキーです。" Full Width Slider" のデモは で修正heightされ500px、試行錯誤でそれをパーセンテージではなく別の整数に変更することしかできませんでした。

そのため、適切なオプションを微調整し、適切なスタイル/CSS を HTML にインラインで設定するのに苦労しています。「全幅スライダー」( http://www.jssor.com/demos/full-width-slider.html )よりも優れたデモはありますか?

ビューポートよりも大きい画像にピンチズームするのは素晴らしいことですが、それは私の「フィット」の問題を整理するための二次的なものです:)

4

1 に答える 1

0

スライダーのサイズを画面サイズに設定し、$FillMode を 1 に設定してください。

css トリックを適用してスライダーのサイズを設定するには、jssor スライダーをラッパーに配置し、スライダーをラッパーの使用可能な幅にスケーリングします。

見る、

        function ScaleSlider() {
            var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
            if (parentWidth)
                jssor_slider1.$ScaleWidth(parentWidth);
            else
                $JssorUtils$.$Delay(ScaleSlider, 30);
        }

参照: jssor 全高または全画面スライダー / 可能ですか?

于 2014-06-15T06:20:27.673 に答える