3

海我正在使用 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 回答