Добрый день , есть ли в owl что то подобное:
Да, по первому поиску можно найти такой пример:
$('.slider').on('initialized.owl.carousel changed.owl.carousel', function(e) {
if (!e.namespace) {
return;
}
var carousel = e.relatedTarget;
$('.slider-counter').text(carousel.relative(carousel.current()) + 1 + '/' + carousel.items().length);
}).owlCarousel({
items: 1,
loop:true,
margin:0,
nav:true
});
.owl-item {
background-color: #D2527F;
color: white;
text-align: center;
padding: 100px 0;
}
.owl-prev,
.owl-next {
display: inline-block;
}
.owl-next {
float: right;
}
.slider-counter {
text-align: center;
}
.info {
text-align: center;
margin-top: 110px;
}
<link rel="stylesheet" href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.carousel.min.css">
<div class="slider owl-carousel">
<div> Slide 1 </div>
<div> Slide 2 </div>
<div> Slide 3 </div>
<div> Slide 4 </div>
<div> Slide 5 </div>
</div>
<div class="slider-counter"></div>
<div class="info">
<p>Owl carousel counter <a href="https://codepen.io/jovanivezic/pen/JXWOex" target="_blank">CSS solution</a></p>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/owl.carousel.js"></script>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Нужно создать поле для ввода текста которое будет автоматически увеличиваться вместе с набранным текстом (по высоте)Использовать textarea нельзя,...
Пытаюсь через dispatchEvent послать событие так, чтобы React его обработал, но по какой-то причине обработчик onChange в реакте не вызывается, хотя все...