Как найти номер и количество экранов (групп) слайдов в карусели owl carousel 2?

465
10 декабря 2016, 10:33

Добрый вечер. Помогите вывести не количество итемов в подсчете, а количество групп итемов http://prntscr.com/c40jbw, которые включают, как в данном примере 3 итема. спасибо

jsfiddle.net/vnpm1y06/153 вот пример. но этот пример считает количество бирюзовых блоков, а нужно чтобы считал количество экранов,т.е.групп этих блоков. в данном случае по 2 блока в группе prntscr.com/c40p1r

Answer 1

Как вариант this.items().length делить на количество итемов в блоке items: 1

скрипт

var owl = $('.owl-carousel');
var items = 3;
owl.owlCarousel({
  loop: true,
  items: items,
  margin: 10,
  nav: true,
  onInitialized: function(e) {
    $('.counter').text('1 из ' + Math.ceil(this.items().length/items))
    console.log();
  }
});
owl.on('changed.owl.carousel', function(e) {
  $('.counter').text(Math.ceil((e.item.index - 1)/items) + ' из ' + Math.ceil(e.item.count/items))
});

`

READ ALSO
Отмена disabled по таймеру у кнопки

Отмена disabled по таймеру у кнопки

На многих форумах видел таймер встроенный в кнопку, и пока время (отображающееся на таймере) не пройдет, кнопка находится в состоянии disabledБуду...

243
Зачем при скачивании шрифтов с ними поставляются также жирные и наклонные их вариации?

Зачем при скачивании шрифтов с ними поставляются также жирные и наклонные их вариации?

При скачивании шрифта X, например, с Google Fonts со шрифтом X в архиве обычно находятся X-bold и X-italicЗачем нужны эти шрифты, если использование в коде...

243
При наведении на li, менялся цвет в before

При наведении на li, менялся цвет в before

Собственно, нужно чтобы менялся цвет символа в li:before при наведении на саму liДелаю так, но не работает

200
Как сделать блоки одинаковой высоты?

Как сделать блоки одинаковой высоты?

Собственно есть 2 блока, один с меню, другой со слайдеромСлайдер адаптивный, его высота меняется в зависимости от ширины

287