Может быть кто-нибудь уже имел дело owl carousel, и может помочь с её настройкой?

Имеются фотографии разной высоты, и нужно сделать, чтобы все фотографии в карусели отображались с одной заданной высотой, а на телефоне в адаптивным дизайне уже всё подстраивалось под экран (т.е. было меньше чем высота 450px), как это происходит по умолчанию.

Я сделал вот так для большого экрана:

.owl-carousel .item img
{
width:auto;
height:450px!important;
object-fit:cover;
object-position:center;
margin:auto;
}

Но как это сделать для адаптивного дизайна не пойму.

Спасибо за помощь.

Может я не совсем понял что имеется в виду, но если я делаю что-то для определённых размеров мониторов, то я использую подобную схему

@media (max-width: 768px) {
#offcanvasMainNav {
xxx

xxx

xxx
}
}

При помоши "max-width" или "min-width" можно ограничить размер дисплея, на котором должны использоваться определённые параметны.

Ну или можно покопаться в настройках самого расширения и может там есть возможность что-то настроить через админку.

Да, вы всё верно поняли. Нашел один пример где используется "@media screen and (max-width:800px)", сделал на его основе вот так, не знаю правильно это или нет, но вроде работает:

.owl-carousel .item {overflow: hidden;}

.owl-carousel .item img

{

width:auto;

height:450px;

object-fit:cover;

object-position:center;

margin:auto;

}

@media screen and (max-width:800px)

{

.owl-carousel .item img

{

width:auto;

height:200px;

object-fit:cover;

object-position:center;

margin:auto;

}

}

Ну и славненько

На всякий случай проверьте или эта доработка не сиграла на других элементах.

Часто бывает, что при подобных манипуляциях меняется поведение и других элементов.

Спасибо!

owl carousel лет примерно 6 как deprecated - прям вот в ридми стоит огромными буквами -

YEAH SO THIS IS PRETTY MUCH DEAD, DO YOURSELF A FAVOR AND SWITCH TO tiny-slider

ну или на slick-slider, на крайняк

Спасибо за информацию. А в tiny-slider есть возможность указать высоту изображений? Когда все изображения имеют разную высоту и ширину, чтобы не карусель растягивалась под высоту каждого изображения, и само изображение подстраивалось под высоту карусели.