3

Hai jssor サムネイル スライダーを使用しています。境界線を追加したいです。通常はレスポンシブ スライダーですが、追加のスタイルを追加すると、レスポンシブではなくなりますborder : 10px solid #ccc;。スライダー コンテナーを追加すると、スライダーの右側が部分的に切り取られます。デスクトップでは完全に機能しますが、モバイルでは機能しません。どのように追加できますかjssor スライダーへの境界線ですか?誰か助けてください。

4

1 に答える 1

0

次のように jssor スライダーをラッパーに配置します。

<div style="margin: 0 auto; width: 100%; max-width: 980px;">
    <div style="border: 10px solid #ccc;">
    <!-- place jssor slider here -->
    </div>
</div>

そして、次のコードを使用してスライダーをスケーリングします。

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

ScaleSlider();

$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);

ボーダーのデモでスライダーを見る

于 2014-06-05T10:55:45.610 に答える