Задать вопрос
@Hank_Moody
верстальщик, frontend разработчик

Как реализовать slick slider таким образом как на ссылке?

как реализовать slick slider таким образом как на ссылке
https://www.leesa.com/products/leesa-mattress
  • Вопрос задан
  • 2068 просмотров
Подписаться 1 Оценить 2 комментария
Пригласить эксперта
Ответы на вопрос 2
LenovoId
@LenovoId
svg, css,js
Это конечно не слик-слайдер но : www.menucool.com/slider/thumbnail-slider-demo-3
Ответ написан
@drtvader
Вечный студент
2 слика вроде можно состыковать.
asNavFor если память не изменяет.

$('.js-slick-carousel-product-for').slick({
            arrows: false,
            asNavFor: '.js-slick-carousel-product-nav',
            dots: false,
            infinite: true,
            slidesToScroll: 1,
            slidesToShow: 1,
            speed: 300
        });

        $('.js-slick-carousel-product-nav').slick({
            arrows: true,
            asNavFor: '.js-slick-carousel-product-for',
            dots: false,
            focusOnSelect: true,
            infinite: true,
            slidesToScroll: 1,
            slidesToShow: 4,
            speed: 0,
            swipe: false,
            vertical: true
        });
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы