godsplane
@godsplane

Как сделать подобный слайдер на slick?

https://derevopark.com/
Слайдер внизу
Проблема именно с расположение первого и второго слайда, у второго слайда видна только половина и при прокрутке он должен увеличиваться а следующий слайд уменьшаться и подтягиваться к нему.Я пробовал разные варианты с scale и transform-origin, но у меня дерганая анимация либо не синхронизированная.
Помогите плз уже который час долблюсь.

https://codepen.io/poylar/pen/YzGvZEX
Это мои попытки
  • Вопрос задан
  • 102 просмотра
Решения вопроса 1
delphinpro
@delphinpro
frontend developer
Убрать всю эту фигню в js со стилями.
Всем слайдам идущим после активного задать трансформацию (scale < 1) и переходы.
Активному (первому из активных, т.к. активных там вероятно будет два) - транcформацию scale = 1
Всё это можно в css прописать, без использования событий слайдера.

Вот, проиллюстрировал основную идею: https://codepen.io/delphinpro/pen/ExgRENX
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
inkShio
@inkShio
codepen.io что то типо того, только спозиционировать стрелки и пагинацию.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы