Как сделать в Owl Carousel 2 все изображения с одинаковой высотой?

Question

[Diversia]

Подскажите пожалуйста, как в Owl Carousel 2 все изображения сделать с одинаковой высотой?
Делаю так:
https://jsfiddle.net/g3s1fpnt/3/
Фото получаются растянуты не пропорционально. Может быть есть какой-то параметр, чтобы настроить Owl Carousel 2 или это можно сделать в CSS корректно? Важно, чтобы картинки корректно отображались при responsive.

Answer 1

[Yevgeniy Kisselyov]

Есть параметр autowidth:
owlcarousel2.github.io/OwlCarousel2/demos/autowidt...

Но почему-то он на примере работает только с loop:true,

UPD:
добавил чуть css:
https://jsfiddle.net/a3shokvb/

Comments

[Diversia]

Yevgeniy Kisselyov в вашем примере все растянуто

[Yevgeniy Kisselyov]

Diversia:

Подскажите пожалуйста, как в Owl Carousel 2 все изображения сделать с одинаковой высотой?

[Yevgeniy Kisselyov]

Diversia: Хотя да, я в огнелисе только проверил, в хроме растянуто.

[Diversia]

Наверное еще пример фото дал не очень. Вот так лучше:
https://jsfiddle.net/g3s1fpnt/2/

[Yevgeniy Kisselyov]

Diversia:
Обновил ответ:
https://jsfiddle.net/a3shokvb/

[Diversia]

Yevgeniy Kisselyov пожалуйста, подскажите, как быть с loop:false. Если этот параметр сделать в false, то картинки переносятся на новую строку: https://jsfiddle.net/a3shokvb/1/

[Yevgeniy Kisselyov]

Diversia: Пока сам не разобрался, в примере с autoWidth у самих item ширина указана принудительно,

...
    <div class="item" style="width:250px"><h4>1</h4></div>
    <div class="item" style="width:100px"><h4>2</h4></div>
...

тогда с loop:false работает, но это не вариант по моему.

[Diversia]

Yevgeniy Kisselyov: К сожалению, не вариант:
https://jsfiddle.net/a3shokvb/4/