Задать вопрос
@egowka

Как в slick-slider реализовать длинный слайд?

У меня есть центральный слайдер, который реализуется при помощи slick slider. Один слайд не вмешается в размеры слайдера, поэтому ему нужно добавить горизонтальный скролл. Вопрос: как это реализовать?

Обычный слайд:
5fced58d91c80057209853.jpeg

Длинный слайд:
5fced59b9ad8c092921188.jpeg
  • Вопрос задан
  • 175 просмотров
Подписаться 2 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Решения вопроса 1
@ksnk
Наилучшее решение - дать дизайнеру по наглой рыжей морде и объяснить, что слайдер со скроллером - это то еще гуано. Слайдер обязан демонстрироваться сам, без участия пользователя.
Решение раз - порезать картинку на несколько, разумной длины
Решение два, если дизайнер оказался сильнее, автоматически, анимацией, скроллировать длинный слайд от начала кадра до конца, за время демонстрации самого слайда. Ставится в метод afterChange слик слайдера. Посчитать размер картинки, размер окна слайда, время демонстрации и анимировать разницу.
как - то так https://jsfiddle.net/jcoa5L6x/2/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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