Заставляйте все слайды иметь одинаковую высоту в карусели совы ⇐ Javascript

[Anonymous]

У меня есть динамические слайды в карусели совы, но я не могу заставить их всех иметь одинаковую высоту. Высота автоматически настраивается на основе количества текста внутри каждого слайда, вызывая противоречивые размеры, которые нарушают макет. Все работает нормально, в консоли нет ошибок, и слайды плавно переходят, но их высота варьируется. Как я могу заставить все слайды иметь одинаковую высоту независимо от содержания? = "https://i.sstatic.net/1bg9f53l.png"/>

Код: Выделить всё

  $(document).ready(function () {
$('.slider-carousel').owlCarousel({
loop: true,
margin: 0,
nav: false,
center: true,
autoplay: true,
dots: true,
responsive: {
0: {
items: 1
},
768: {
items: 1
},
1000: {
items: 1
}
}
});
});

$(document).ready(function () {
$('.post-car').owlCarousel({
loop: true,
margin: 20,
nav: true,
center: true,
autoplay: false,
dots: false,
responsive: {
0: {
items: 1
},
768: {
items: 2
},
1000: {
items: 3
}
}
});
});

< /code>
Я попытался изменить < /p>
$('.slider-carousel').owlCarousel({
loop: true,
margin: 0,
nav: false,
center: true,
autoplay: true,
dots: true,
autoHeight: false, // WYŁĄCZAMY AUTO HEIGHT!
responsive: {
0: { items: 1 },
768: { items: 1 },
1000: { items: 1 }
},
onInitialized: function() {
setTimeout(runHeightFix, 100);
},
onTranslated: function() {
runHeightFix();
}
});

< /code>
и добавление этого в CSS < /p>
/* Wymuszenie tej samej wysokości dla każdego kafelka */
.slider-carousel .owl-stage-outer,
.post-car .owl-stage-outer {
min-height: 400px !important;
height: auto !important;
overflow: hidden !important;
}

.slider-carousel .owl-item,
.post-car .owl-item {
display: flex !important;
align-items: stretch !important;
min-height: 450px !important; /* Możesz zwiększyć */
height: 100% !important;
max-height: 600px !important; /* Możesz dostosować */
}

.slider-carousel .item,
.post-car .item {
display: flex;
flex-direction: column;
height: 100% !important;
}

.slider-carousel .box-in,
.post-car .box-in {
flex-grow: 1;
}

Но не повезло

Подробнее здесь: https://stackoverflow.com/questions/794 ... l-carousel