Показать сообщение отдельно
  #1 (permalink)  
Старый 13.02.2018, 19:53
Аспирант
Отправить личное сообщение для Eliot456 Посмотреть профиль Найти все сообщения от Eliot456
 
Регистрация: 26.05.2015
Сообщений: 44

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);
                    }
Ответить с цитированием