I’m trying to create animation of image within a slider for my hero page. I’m using Webflow’s default slider object (auto play; 4 sec timer; 500ms fade over effect with east out) and for each of the images custom interaction (when page finish loading; looped; scaling) to create the zoom-in effect. It works at times, but the animations (slide transition and image zoom-in) desync a lot. Does anyone know how to fix this problem, or is it a bug?
You can try matching the duration and delay settings of the image zoom in interaction with the slider autoplay timer and transition duration.
Plz set the zoom in animation to start immediately after the slide transition begins and here you make sure that its duration complements the slide’s display time. You can watch it’s tutorial on dixmax.com.es.
Thank you! I’ve set to slider change element trigger (start when the slide transitions) rather than page load page trigger and it works better. However, I am still experiencing some bugged out animation over time.