owl carusel 2 вывод порядкового номера активного элемента
Здравствуйте.
http://reduf.ru/portfolio/kruiz/cruiz-from.html В блоке "Круизы в Москву" обратите внимание на первый элемент. Сделал слайдер изображений с выводом порядкового номера изображения из общего количества. при клике вправо некорректно выводится порядковый номер изображения. Помогите разобраться. var sliderCat = $('.cruiz-img-row'); sliderCat.owlCarousel({ responsiveClass:true, responsive:{ 0:{ items:1, nav:true, navText:['',''], } }, onInitialized: function(){ $('.cruiz-row').find('.cruiz-item').each(function(index, element){ countCont(element); }); }, onChange: function(){ $('.cruiz-row').find('.cruiz-item').each(function(index, element){ countCont(element); }); } }); function countCont(element){ var active_item = 1; var active_cont = $(element).find('.poryad'); var container_count = $(element).find('.all-items'); var all_items = container_count.parent().prev().find('.owl-stage').children(); all_items.each(function(idx, el){ if($(el).hasClass('active')) active_item = idx + 1; }); var all_items_count = all_items.length; container_count.empty().append(all_items_count); active_cont.empty().append(active_item); } |
В принципе что вправо, что влево, не получается адекватно сделать
|
Eliot456,
есть документация, где написано как получить индекс активного элемента, количество элементов всего и прочее https://owlcarousel2.github.io/OwlCa...pi-events.html и здесь на форуме есть примеры, надо только поискать. var page = event.page.index; // Position of the current page |
Цитата:
Цитата:
|
Спасибо. Разобрался
|
Часовой пояс GMT +3, время: 00:06. |