Как реализовать такой слайдер?

Question

[Alice777]

При нажатии на цифру, активный слайд по центру должен перенимать это значение
Остальные же цифры должны менять соответственно порядок

Answer 1

[Александр]

вы такое имели в виду?


если да, то вот код:

$('.center').slick({
  centerMode: true,
  centerPadding: '60px',
  slidesToShow: 3,
  responsive: [
    {
      breakpoint: 768,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 3
      }
    },
    {
      breakpoint: 480,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 1
      }
    }
  ]
});

Comments

[Alice777]

Тут же я не могу нажать на слайд с цифрой 2 и цифрой 6, а мне нужно

[Александр]

поработайте ручками и подкорректируйте, минута работы.

[Alice777]

Александр, kak?

[Тимур Худиев]

Alice777, Либо посмотреть в настройках и включить ее (у многих слайдеров есть такой функционал), либо вручную установить на каждый слайд индекс, повесить событие клика и при клике, используя функцию слайдера менять его на нужный слайд