Как сверстать такую структуру слайдера на slick?

Question

[Noname]

Здравствуйте! Помогите пожалуйста сверстать вот такую структуру слайдера

первый слайд на 50% ширины экрана, следующие два по 25%, и при переключении пулучается втрой будет на месте первого с шириной 50%, следующие два по 25. У меня вообще какая-то дичть получается, хотя со сликом работаю не один месяц... не пойму в чем проблема вот на fiddle код https://jsfiddle.net/h2bq7rw8/11/ , буду благодарна за помощь

Answer 1

[Sergiu Mitu]

А зачем вам собственно slick?
пару строк обычного js (jquery) тут будет куда эффективнее.
пример конечно не идеален, при желании можно доработать (добавить свайпы, стрелки, доты итд...)

Comments

[Noname]

дело в том, что с мобильного будет отображаться только один слайд на всю ширину и свайпом слайды должны перелистываться...

[Sergiu Mitu]

Лина, hammerjs для свайпов, width: 100% для слайда на всю ширину.

[Noname]

Sergiu Mitu, спасибо! сделаю по вашему варианту! еще вопросик, а не подскажете ли, как сделать так, чтобы второй слайд и последующие не просто растягивался, а перемещался на место первого и растяшивался, то есть карусель типо такая, а дальше я уже сама))