Есть ли в owl carousel возможность просмотра текущего слайда?

238
22 ноября 2017, 01:18

Добрый день , есть ли в owl что то подобное:

Answer 1

Да, по первому поиску можно найти такой пример:

$('.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>

READ ALSO
Утечка памяти в OfflineAudioContext

Утечка памяти в OfflineAudioContext

Утечка памяти в OfflineAudioContext

247
Нужно создать поле для ввода текста которое будет автоматически увеличиваться вместе с набранным текстом (по высоте)

Нужно создать поле для ввода текста которое будет автоматически увеличиваться вместе с набранным текстом (по высоте)

Нужно создать поле для ввода текста которое будет автоматически увеличиваться вместе с набранным текстом (по высоте)Использовать textarea нельзя,...

184
Послать реакту событие об изменении checkbox&#39;а

Послать реакту событие об изменении checkbox'а

Пытаюсь через dispatchEvent послать событие так, чтобы React его обработал, но по какой-то причине обработчик onChange в реакте не вызывается, хотя все...

199
Последовательность пайпов ( .pipe() )

Последовательность пайпов ( .pipe() )

Начал осваивать сборщики проектов, а именно из Gulp

188