Jssor - как сохранить соотношение сторон изображения?

Question

Соотношение сторон фотоснимка не такое же, как и контейнер слайдов, я вижу, что фото будет растянуто, чтобы заполнить все пространство контейнера.

Есть ли возможность избежать этого, чтобы изменить соотношение сторон фотографии? Конечно, будет пустое место, но фигуры на фотографии не будут изменены.

Answer 1

Установите опцию $ FillMode, 0: streach, 1: содержать, 2: обложку, 4: фактический размер, 5: содержать для большого изображения и фактического размера для небольшого изображения.

Значение 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> 

Ссылка: Jssor Slider Options