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

时间:2015-04-26 01:00:34

标签: jssor

当我使用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);

1 个答案:

答案 0 :(得分:1)

$FillModeresponsive code以不同的方式分开工作。

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

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