当我使用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);
答案 0 :(得分:1)
$FillMode
和responsive code
以不同的方式分开工作。
$FillMode
表示在每张幻灯片中填充图片的方式。
responsive code
根据您在ScaleSlider
函数中指定的逻辑缩放整个滑块。