Есть owl карусель
$(document).ready(function() {
$('#carusel').owlCarousel({
<?php if ($autoplay_on) { ?>
autoplay:true,
autoplayTimeout:<?php echo $autoplay; ?>,
<?php if ($stophover) { ?>
autoplayHoverPause:true,
<?php } ?>
<?php } ?>
rewind:true,
<?php if ($navigation) { ?>
nav: true,
navText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
<?php } ?>
autoplaySpeed: <?php echo $rew_speed; ?>,
onInitialized: OwlStageHeightSpecial,
onInitialize: OwlStageHeightSpecial,
onRefreshed : OwlStageHeightSpecial,
responsiveClass:true,
responsive:{
0:{
items:2,
},
768:{
items:3,
},
1024:{
items:4,
},
1200:{
items:<?php echo $items; ?>,
}
}
})
function OwlStageHeightSpecial(event) {
$('.carusel').css({'height': $('#carusel .owl-stage-outer').outerHeight() });
}
});
Проблема, что после перезагрузки страницы иногда функция OwlStageHeightSpecial неправильно считает высоту