zloycoder
@zloycoder
Разработка веб-сайтов на заказ

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

Добрый день!

Пытаюсь сделать анимацию как на сайте cuberto.ru с помощью ScrollMagic и GSAP.
У меня есть вопросы:
1) Как мне реализовать прокрутку текста без задержки? То есть, чтобы всегда скроллился текст. Пример по ссылке выше.
2) Как мне реализовать плавную смену фотографии?

Что-то я вообще мало что понимаю в GSAP, хотя пытаюсь разобраться уже третий день.
Прошу помочь мне в реализации.

Доброго дня!
  • Вопрос задан
  • 308 просмотров
Решения вопроса 1
profesor08
@profesor08 Куратор тега JavaScript
gsap это библиотека для анимации циферок. Не самая лучшая, не самая легкая, не самая бесплатная.

Лично меня заинтересовала https://animejs.com/

Что касается твоей задачи, не понятно в чем проблема? Тебе надо сверстать сначала все. Потом инициализируешь scrollmagic и добавляешь нужные блоки к сцене, указываешь когда и сколько их показывать. Если хочешь что-то делать с блоком, менять картинки например, то подписываешься на события от scrollmagic и делаешь что надо основываясь на значении прокрутки.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Sportrecs Москва
от 150 000 до 200 000 ₽