I’ve been struggling to figure out how to play my interactive HTML 5 animation in my Webflow site. Now once I made it I Found that my code is to long, That’s fine I just hosted it through a GitHub repository.
Then I encountered another problem I Couldn’t run the JavaScript properly. That’s fine, I learned that I should add all the CSS and JavaScript from the HTML file in the Settings > Footer Code and Delete everything in the embed component except the lines starting with: <div id=“animation_container” …Ending with this lines: (Thank you Samuel Liew for helping me figure that out.)
Now everything should be running properly but no, It Seems for some reason that the images aren’t loading in And I have no Idea even how to add them
Here is my site Read-Only: https://preview.webflow.com/preview/ntamo-technologies?utm_medium=preview_link&utm_source=designer&utm_content=ntamo-technologies&preview=a0a4acb5778245902827515c724a21f6&pageId=60373c9d82639c71a3ecbfab&mode=preview
Here is the live site review. the animation should Play over the video
http://https://ntamo-technologies.webflow.io/home
Here is the Original Animation From Adobe Animate
https://drive.google.com/drive/folders/1bJ5Knd5hz4kGOi3yuN-ZfFvA4YNc9bPW?usp=sharing