响应式滑块在 $FillMode: 2 上打破图像比例

Question

当我使用 jssor 网站（下方）推荐的以下代码使滑块具有反应性时，如果我将其设置为 $FillMode:1（包含（保持纵横比并将所有内容放入其中），它最终会破坏图像比例滑动））。我猜在加载图像后但在触发下面的响应代码之前，后台正在计算一些东西，我可能会再次调用它来通过重新计算图像的新比率来避免此问题，但我不知道在哪里从这个开始，非常感谢任何帮助或指点！

function ScaleSlider() {
        var parentWidth = $('#slider1_container').parent().width();
        if (parentWidth) {
            jssor_slider1.$ScaleWidth(parentWidth);
        }
        else
            window.setTimeout(ScaleSlider, 30);
    }
    //Scale slider after document ready
    ScaleSlider();

    //Scale slider while window load/resize/orientationchange.
    $(window).bind("load", ScaleSlider);
    $(window).bind("resize", ScaleSlider);
    $(window).bind("orientationchange", ScaleSlider);

Answer 1

$FillMode 和 responsive code 分别以不同的方式工作。

$FillMode表示每张幻灯片填充图片的方式。

responsive code 根据您在 ScaleSlider 函数中指定的逻辑缩放整个滑块。

响应式滑块在 $FillMode: 2 上打破图像比例

responsive slider breaks image ratio on $FillMode: 2

jssor