@ayapergenov

Как задать разное количество слайдов для разных экранов?

В слайдере на основе плагина slick
количество одновременно выводимых слайда описывается через
$('.multiple-items').slick({
slidesToShow: 3,
});

Для десктопа мне нужно 3 слайда. А для 768px только 2, а 320px только 1 слайд.
Каким скриптом можно задать количество слайдов в зависимости от размера экрана?
  • Вопрос задан
  • 855 просмотров
Решения вопроса 1
я конечно не ванга,но думаю что этот блок документации может помочь -

$('.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
}
}
]
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы