我正在使用jssor滑块(http://www.jssor.com/demos/slider-cluster.html)。由于我的幻灯片很大(宽约2000px),它们将在较小的设备(甚至ipad)上显著扩展。我不介意在较小的设备上对称地裁剪两边(左右)。
但是,发生的情况是滑块固定在0px的左侧。
1)我是否可以将整个滑动容器集中?
2)并根据窗口/浏览器的高度缩放幻灯片容器?
我确实提到过这个,但没有任何解决方案:Jssor slider 100% width
有人能帮忙吗?谢谢您。

最佳答案

符合高度或宽度的响应代码

//responsive code begin
//you can remove responsive code if you don't want the slider scales while window resizes
function ScaleSlider() {
    var windowWidth = $(window).width();

    if (windowWidth) {
        var windowHeight = $(window).height();
        var originalWidth = jssor_slider1.$OriginalWidth();
        var originalHeight = jssor_slider1.$OriginalHeight();

        var scaleWidth = windowWidth;
        if (originalWidth / windowWidth > originalHeight / windowHeight) {
            scaleWidth = Math.ceil(windowHeight / originalHeight * originalWidth);
        }

        jssor_slider1.$ScaleWidth(scaleWidth);
    }
    else
        window.setTimeout(ScaleSlider, 30);
}

ScaleSlider();

$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);
//responsive code end

09-07 22:37