Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   owl carusel 2 вывод порядкового номера активного элемента (https://javascript.ru/forum/jquery/72636-owl-carusel-2-vyvod-poryadkovogo-nomera-aktivnogo-ehlementa.html)

Eliot456 13.02.2018 20:53

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 13.02.2018 20:55

В принципе что вправо, что влево, не получается адекватно сделать

рони 13.02.2018 21:18

Eliot456,
есть документация, где написано как получить индекс активного элемента, количество элементов всего и прочее
https://owlcarousel2.github.io/OwlCa...pi-events.html
и здесь на форуме есть примеры, надо только поискать.
var page      = event.page.index;     // Position of the current page

рони 13.02.2018 21:22

Цитата:

Сообщение от Eliot456
В принципе что вправо, что влево, не получается адекватно сделать

Цитата:

потому что обычно в слайдере на несколько слайдов больше чем изначально было.
http://javascript.ru/forum/showthrea...618#post414632

Eliot456 14.02.2018 19:17

Спасибо. Разобрался


Часовой пояс GMT +3, время: 15:08.