Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Slick slider адаптивность (https://javascript.ru/forum/misc/76548-slick-slider-adaptivnost.html)

designerandrey 21.01.2019 19:03

Slick slider адаптивность
 
Доброго времени
как сделать респонсив карусели на slick под несколько разрешений
вот код респонс

responsive: [
    {
      breakpoint: 1100,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1,
        infinite: true,
             }
    }]


т.е при 1100пикс и менее слайдов 2 в ряду
а как добавить несколько таких вариантов
в js дуб дерево
пытаюсь прописать так

responsive: [
    {
      breakpoint: 1100,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1,
        infinite: true,
             },
       breakpoint: 600,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
             }

    }]

не работает
как правильно там все эти скобки, запятые и т.д прописать что бы заработало ?

Nexus 21.01.2019 19:16

infinite: true,
    responsive: [{
            breakpoint: 1100,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 1,
            }
        },
        {
            breakpoint: 600,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
            }
        }

    ]


Часовой пояс GMT +3, время: 09:45.