Slick slider изменить кол-во слайдов после инициализации

289
25 октября 2017, 04:55

Как можно изменить количество отображаемых слайдов у slick slider, при изменении экрана. На текущей момент решением является - скрытие старого слайдера и инициализация нового. Можно ли обойтись только одним слайдером и менять количество отображаемых слайдов при изменении размеров экрана, т.е. уже после инициализации: P.S. Переинициализировать заново не выходит

$('.center').slick({ 
      slidesToShow: 3, 
    });

Answer 1

В документации есть такое поле как breakpoint, с помощью чего вы можете поменять количество отображаемых картинок.

Пример из документации:

$('.responsive').slick({
  dots: true,
  infinite: false,
  speed: 300,
  slidesToShow: 4,
  slidesToScroll: 4,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        infinite: true,
        dots: true
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});
READ ALSO
необходимо задать максимальную длину в 100 символов, в двух строчках по 50 используя inputTextarea

необходимо задать максимальную длину в 100 символов, в двух строчках по 50 используя inputTextarea

необходимо задать максимальную длину в 100 символов, в двух строчках по 50 используя inputTextareaПолучается сейчас оно печатает сколько угодно строчек,...

213
пульверизатор(распылитель) карандаша

пульверизатор(распылитель) карандаша

Нужно в paint добавить инструмент распылитель вот код карандаша как его переделать под распылитель помогите

264
Visual Composer (WordPress)

Visual Composer (WordPress)

Здравствуйте! На работе повесили задачку (немного не по моему профилю) связанную с Visual ComposerТочнее, мне скинули html файл с индексной страницей...

260
Не работает поиск по id в querySelector [требует правки]

Не работает поиск по id в querySelector [требует правки]

С классами и самими объектами html всё норм, а по id не хочет, или там не решётка?

263