Анимация изображения при прокрутке


Код: https://github.com/MaurerKrisztian/Scroll_Image_Animation

Демонстрация: https://maurerkrisztian.github.io/Scroll_Image_Animation/

Этот проект посвящен созданию анимации изображений с помощью прокрутки вверх и вниз и их зацикливания.

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

основной код: animateImageByScroll.js

function animateImages(allImageNumber, startImageIndex, pixelChange, renderFunction)
Вход в полноэкранный режим Выход из полноэкранного режима

animateImages:

  • allImageNumber: количество всех изображений
  • startImageIndex: начальная нумерация изображений (сейчас это 10. m-10.png)
  • pixelChange: скорость анимации.
  • renderFunction: эта функция получит фактический номер изображения, и оно будет выведено на экран.
function renderImage(ImageNumber)
Вход в полноэкранный режим Выйти из полноэкранного режима

Оцените статью
devanswers.ru
Добавить комментарий