Jssor 如何保持图像的纵横比？

有时照片的纵横比和幻灯片容器不一样，我看到照片将被拉伸以填满所有容器空间

---

有没有办法避免这种情况，使照片的纵横比不改变？当然会有一些空白，但照片中的形状不会改变。

请设置$FillMode选项，0:streach，1:contain，2:cover，4:actual size，5:contain用于大图像，actual size用于小图像

值1、2或4将是保持纵横比的良好选择

<script>

    jQuery(document).ready(function ($) {
        var options = {
            $FillMode: 1,                                      //[Optional] The way to fill image in slide, 0 stretch, 1 contain (keep aspect ratio and put all inside slide), 2 cover (keep aspect ratio and cover whole slide), 4 actuall size, 5 contain for large image and actual size for small image, default value is 0
            $AutoPlay: true,                                   //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
            $DragOrientation: 3                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
        };

        var jssor_slider1 = new $JssorSlider$("slider1_container", options);
    });
</script>

jQuery（文档）.ready（函数（$）{
变量选项={
$FillMode:1，//[可选]幻灯片中填充图像的方式，0拉伸，1包含（保持纵横比并将所有内容放入幻灯片），2覆盖（保持纵横比并覆盖整个幻灯片），4实际大小，5包含大图像和小图像的实际大小，默认值为0
$AutoPlay:true，//[可选]是否自动播放，若要启用幻灯片放映，此选项必须设置为true，默认值为false
$DRAGORIENTION:3//[可选]拖动幻灯片的方向，0不拖动，1水平，2垂直，3任意，默认值为1（请注意，$DISPLAYPIGES大于1或停车位置不为0时，$DRAGORIENTION应与$PLAYORIENTION相同）
};
var jssor_slider1=新的$JssorSlider$（“slider1_容器”，选项）；
});

参考：