Задать вопрос
@lukepker
javascript

Как изменять кол-во слайдов в зависимости от ширины в slick?

Доброго времени суток, подскажите, пожалуйста, как настроить в slick slider`e, сколько элементов показывать, в зависимости от ширины страницы, чтобы не было подобного?
5a65f519e523f139414139.png
код слайдера
$('.slider-nav').slick({
		slidesToShow: 5,
		slidesToScroll: 1,
		centerMode: true,
		focusOnSelect: true,
		infinite: true,
		arrows: false,
	});
	$('.left-button-slick').click(function(){
		$(".slider-nav").slick('slickPrev');
	});
	$('.right-button-slick').click(function(){
		$(".slider-nav").slick('slickNext');
	});

Если можно, то расскажите нубу поподробнее=)
  • Вопрос задан
  • 849 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
@garmon85 
$('.products').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        centerPadding: '20px',
        responsive: [
            {
                breakpoint: 768,
                settings: {
                    slidesToShow: 2
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1
                }
            }
        ]
    });
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Верстка сайта
23 апр. 2024, в 11:46
3000 руб./за проект
Создать с нуля макеты для флаг-футбола: листовка А5, виндер-флаг, ролл
23 апр. 2024, в 11:44
1000 руб./за проект
Доработать приложение
23 апр. 2024, в 11:38
20000 руб./за проект
Ещё заказы