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, время: 07:00. |