Элементы карусели совы имеют разную высоту

Как сделать так, чтобы все элементы внутри этого Owl carousel имели одинаковую высоту (как самый высокий элемент)?

$(document).ready(function() {
  $('.owl-carousel').owlCarousel({
    items: 4
  });
});
<link href="//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.min.css" rel="stylesheet" />
<script src="//code.jquery.com/jquery-3.1.0.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js"></script>

<div class="owl-carousel owl-theme">
  <div><img src="http://placehold.it/350x150"></div>
  <div><img src="http://placehold.it/350x100"></div>
  <div><img src="http://placehold.it/350x150"></div>
  <div><img src="http://placehold.it/350x150"></div>
  <div><img src="http://placehold.it/350x150"></div>
  <div><img src="http://placehold.it/350x150"></div>
  <div><img src="http://placehold.it/350x150"></div>
</div>

Просмотр в корзине JS


css owl-carousel-2
person Tyler Bean    schedule 18.05.2017    source источник
comment
Возможный дубликат Ползунок изображения: сохранение равных высота для всех изображений при сохранении отзывчивости слайдера   -  person showdev    schedule 18.05.2017

Ответы (1)


arrow_upward

arrow_downward

person    schedule
comment
Результат не тот, что я хочу. Высота ваших изображений все еще отличается. И вы установили высоту изображения на 500 пикселей? Тогда я боюсь, что соотношение искажено. В любом случае спасибо за ваши усилия. - person Tyler Bean; 18.05.2017
comment
вам нужно применять изображения с одинаковыми пропорциями (по высоте и ширине) для лучшего качества, иначе оно кажется искаженным. я поставил высоту 500 только в качестве примера - person Anoop Nockson; 20.05.2017