Hey guys, on my website (right now just a testing ground for features for the actual website) I’m working on a feature where, as the user scrolls down, a series of images scrolls through, replicating a video. I know there is a way to replicate this with HTML5 video but the quality is much lower. I already have this feature working on the site. HERE is the published version. Very rough around the edges but it gets the point across. Here’s where the problem comes in: I refer to the images in an embed widget in this format:
<img src="https://i.postimg.cc/GtsnjK51/Scroll-Anim2-236.png "class= "animated" />
<img src="https://i.postimg.cc/K4SSpT63/Scroll-Anim2-237.png "class= "animated" />
<img src="https://i.postimg.cc/1Rg8TQxy/Scroll-Anim2-238.png "class= "animated" />
<img src="https://i.postimg.cc/RVKNSLV8/Scroll-Anim2-239.png "class= "animated" />
which works fine for a few frames but I’m trying to implement a video with 500 frames, and that’s way too much code for WebFlow to take. Is there a way to host an image source list somewhere else and iterate through it from WebFlow? Thanks guys.