Javascript.RU

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

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);
                    }
Ответить с цитированием
  #2 (permalink)  
Старый 13.02.2018, 19:55
Аспирант
Отправить личное сообщение для Eliot456 Посмотреть профиль Найти все сообщения от Eliot456
 
Регистрация: 26.05.2015
Сообщений: 43

В принципе что вправо, что влево, не получается адекватно сделать
Ответить с цитированием
  #3 (permalink)  
Старый 13.02.2018, 20:18
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 23,496

Eliot456,
есть документация, где написано как получить индекс активного элемента, количество элементов всего и прочее
https://owlcarousel2.github.io/OwlCa...pi-events.html
и здесь на форуме есть примеры, надо только поискать.
var page      = event.page.index;     // Position of the current page
Ответить с цитированием
  #4 (permalink)  
Старый 13.02.2018, 20:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 23,496

Сообщение от Eliot456
В принципе что вправо, что влево, не получается адекватно сделать
Цитата:
потому что обычно в слайдере на несколько слайдов больше чем изначально было.
http://javascript.ru/forum/showthrea...618#post414632
Ответить с цитированием
  #5 (permalink)  
Старый 14.02.2018, 18:17
Аспирант
Отправить личное сообщение для Eliot456 Посмотреть профиль Найти все сообщения от Eliot456
 
Регистрация: 26.05.2015
Сообщений: 43

Спасибо. Разобрался
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Lazy load Owl Carusel wwonder jQuery 1 31.08.2017 18:41
Почему не правильно считает номера слайдов в карусели owl carousel 2? ligisayan jQuery 13 22.04.2016 10:22
Метод определения номера элемента в коллекции.. ZElk Общие вопросы Javascript 1 12.10.2009 14:47