如何在 WordPress 中使用 SVG 创建交互式时间线(示例站点:https://evianexperience.com/en)
How to create an interactive timeline (example site: https://evianexperience.com/en) using SVG - in WordPress
我正在使用 DIVI 主题在 WordPress 中创建网站。
我需要帮助来为项目创建交互式时间表。示例站点是:https://evianexperience.com/en。这正是我想要实现的。
请查看我的网页布局 (https://snag.gy/IKF13r.jpg) 以了解我实际需要它的目的。
我尝试过使用交互式讲故事 (https://tympanus.net/codrops/2015/12/16/animated-map-path-for-interactive-storytelling/),但也没有用。
你可以试试 scroll magic,似乎有很多功能可以满足你的需要。
另外我认为 skrollr 仍然可以使用,但它已经很旧了
如果您确实需要他们拥有的东西,看起来他们正在使用某种名为 greensock 的产品,甚至可能是这个模块:https://greensock.com/drawSVG and also ScrollMagic to control the animation by scrolling. A tutorial I found online with different animation https://ihatetomatoes.net/svg-scrolling-animation-triggered-scrollmagic/
我不认为你可以单独使用 Divi,你绝对可以尝试一些免费的滚动插件。否则,您可以查看 greenstock 的 free/business 许可证是否适用于您的项目。
我正在使用 DIVI 主题在 WordPress 中创建网站。
我需要帮助来为项目创建交互式时间表。示例站点是:https://evianexperience.com/en。这正是我想要实现的。
请查看我的网页布局 (https://snag.gy/IKF13r.jpg) 以了解我实际需要它的目的。
我尝试过使用交互式讲故事 (https://tympanus.net/codrops/2015/12/16/animated-map-path-for-interactive-storytelling/),但也没有用。
你可以试试 scroll magic,似乎有很多功能可以满足你的需要。
另外我认为 skrollr 仍然可以使用,但它已经很旧了
如果您确实需要他们拥有的东西,看起来他们正在使用某种名为 greensock 的产品,甚至可能是这个模块:https://greensock.com/drawSVG and also ScrollMagic to control the animation by scrolling. A tutorial I found online with different animation https://ihatetomatoes.net/svg-scrolling-animation-triggered-scrollmagic/
我不认为你可以单独使用 Divi,你绝对可以尝试一些免费的滚动插件。否则,您可以查看 greenstock 的 free/business 许可证是否适用于您的项目。