@ligisayan

Как найти номер и количество слайдов в карусели owl carousel 2?

Всем привет! Есть карусель Owl Carousel 2 в которой хочу получать номер текущего слайда и количество всех слайдов (вместо 1 и N) - как это можно сделать?
Рабочий фидл
<div class="owl-carousel">
    <div class="item"><h4></h4></div>
    <div class="item"><h4></h4></div>
    <div class="item"><h4></h4></div>
    <div class="item"><h4></h4></div>
    <div class="item"><h4></h4></div>
    <div class="item"><h4></h4></div>
    <div class="item"><h4></h4></div>
</div>
<p>№1 из N</p>

var owl = $('.owl-carousel');

owl.owlCarousel({
    loop: true,
    items:1,
    margin: 10,
    nav: true,
    afterAction : afterAction
});

function afterAction() {
	updateResult(".currentItem", this.owl.currentItem);
}

.owl-carousel .item {
    height: 10rem;
    background: #4DC7A0;
    padding: 1rem;
}

Обращаю внимание на тот момент, что слайдов может быть разное количество (не ориентируемся на подсчет слайдов в html) и карусель зациклена в бесконечность, т.е. количество слайдов в исходном коде и html не совпадают (там есть клонированные слайды)
  • Вопрос задан
  • 8223 просмотра
Пригласить эксперта
Ответы на вопрос 2
Serj-One
@Serj-One
i'm sexy and i know it
www.owlcarousel.owlgraphic.com/docs/api-events.html
function callback(event) {
    // Provided by the core
    var element   = event.target;         // DOM element, in this example .owl-carousel
    var name      = event.type;           // Name of the event, in this example dragged
    var namespace = event.namespace;      // Namespace of the event, in this example owl.carousel
    var items     = event.item.count;     // Number of items
    var item      = event.item.index;     // Position of the current item
    // Provided by the navigation plugin
    var pages     = event.page.count;     // Number of pages
    var page      = event.page.index;     // Position of the current page
    var size      = event.page.size;      // Number of items per page
}
Ответ написан
@ligisayan Автор вопроса
почти получилось вот так, единственно что при переходе с последнего слайда на первый отображает порядковый номер 8, а затем 2,3 и т.д.
acc6bf82cb81.png
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы