javascript - 如何在jssor slider 中设置边框

Question

海，我正在使用 jss 或缩略图 slider 。我想为其添加边框。通常它是一个响应式 slider ，但如果我们添加其他样式，它将变得非响应式。我在 slider 容器中添加一个 border : 10pxsolid #ccc; ，之后 slider 右侧部分被切断。它在桌面上完美工作，但在移动设备上却不行。我如何为 jss 或 slider 添加边框？任何人请帮助我。

Answer 1

将 jssor slider 放置在包装器中，如下所示，

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

并使用以下代码来缩放 slider ，

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);

参见slider with border演示