Search code examples
wordpresssvgtimelinedivi-theme

How to create an interactive timeline (example site: https://evianexperience.com/en) using SVG - in WordPress

I am creating a website in WordPress and I am using DIVI theme.

I need help to create an interactive timeline for a project. The example site is: https://evianexperience.com/en. This is the exact thing I want to implement.

Please see me web layout (https://snag.gy/IKF13r.jpg) to get an idea, what actually I need it for.

I have tried to use Interactive Storytelling (https://tympanus.net/codrops/2015/12/16/animated-map-path-for-interactive-storytelling/) but it didn't worked either.

Solution

  • You could try scroll magic, seems to have plenty of features to achieve what you need.

    http://scrollmagic.io/

    Also I think skrollr will still work but it's pretty old

    https://github.com/Prinzhorn/skrollr