Как изменить карусель?

Question

[Localhost]

Друзья, не подскажите почему когда в карусели 1 объект, он дублируется на кол-во указанное в js. Как сделать чтобы не дублировалось, но настройки кол-во вывода сохранились.

https://codepen.io/Nelis/pen/reEjZz

Comments

[Kovalsky]

loop: false

[Localhost]

Да начал разбирать все по кускам и нашел, спасибо

Answer 1

[Larisa Moroz]

var count_items = $('.owl-carousel .item').length;

$('.owl-carousel').owlCarousel({
…
responsive: {
    0: {
      items: 1
    },
    600: {
      items:  count_items >= 3 ? 3 : count_items
    },
    1000: {
      items: count_items >= 5 ? 5 : count_items
    }
  }
})

Если вам надо будет добавлять элементы, придётся каждый раз переинициализировать $('.owl-carousel').owlCarousel…

Comments

[Localhost]

Хорошое решение, буду знать спасибо!