I’m a first-time user of Hype, and I’m trying to figure out how to launch an HTML5 animation when I swipe to a certain screen. Here’s my Codepen:
I am using the Swiper Slider library, whose documentation is here: http://idangero.us/swiper/api/
As you can see, I can get basic CSS animations (using the animate.css library) to run when a new slide loads, using the Swiper Animation library by cycdpo on Github (can’t post link, new member).
But I can’t get that to work with animations exported by Hype. On my local machine, the animation loads as soon as the HTML does, which is instantaneous on a one-page HTML slider.
On Codepen though, I cannot get the SVGs to load; I have tried to paste in the minified JS and corresponding animation id in the HTML, but no dice. I’ve uploaded the original Hype file so you can see what the animation looks like.
Any help would be appreciated! Thanks!
lc-radar-chart-codepen.hype.zip (46.2 KB)