Добавление элементов в слайдер при сужении окна браузера. Есть идеи как это реализовать?

Question

[Novamoscow]

Слайд состоит, например, из 3 элементов (блоков). Уменьшаем размер контейнера (или окно браузера) и слайд состоит уже из 2 элементов, а третий уходит на другой слайд. и т д вплоть до одного элемента в слайде.

Два важных момента, у слайдера должны быть стрелки в лево, в право, которые так же можно убирать при маленьком экране.
И должен быть тач.

Answer 1

[Сергей delphinpro]

Какой слайдер-то?
OwlCarousel так умеет

$('.owl-carousel').owlCarousel({
  responsive: {
      0:{
          items: 1,
          nav: false
      },
      768:{
          items: 2,
          nav: true
      },
      992:{
          items: 3,
          nav: true
      }
  }
});

Comments

[Novamoscow]

Вау! Круто! Очень просто решение! Спасибо большое!

Answer 2

[Dnebl]

kenwheeler.github.io/slick

Comments

[Novamoscow]

Извини, а можешь помочь его настроить ? у меня элементы в слайдере поехали, не пойму понять в чем проблема

[Dnebl]

Novamoscow: Залей пример на codepen или jsfiddle.