Question

Hai我正在使用jssor thumbnail slider.I想要为它添加边框。通常它是一个响应滑块，但如果我们添加其他样式，它将变得无响应。我在滑块容器中添加border : 10px solid #ccc;，之后滑块右侧部分切断。它完全适用于桌面但不适用于移动设备。如何为jssor滑块添加边框？任何人都可以帮助我。

Answer 1

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

请参阅slider with border演示

如何在jssor滑块中设置边框

1 个答案: