Код: 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)