Question 1 - I want the elements inside a slider to animate differently based on if I slide them in from right or left, so when I slide in the next item from the right e.g I want some of the elements to be delayed a bit and the same if I swipe backwards getting an item from the left, I want the previous slide to animate out in the right direction, and the new slide to delay items in from the left etc. Is there a descent approach to this?
Question 2 - Any tips on how I can change page content based on active slide? So if e.g slide #2 is active, I want to change the content of part of the page to something else. More spesifically I want to change/fetch the correct CMS item, so the slider in top will work as an advanced navigation, where slide#2 will show cms item #2 in the content below etc. Any tips?
For direction-based animations in sliders, you can utilize Webflow’s built-in animation settings combined with custom triggers. In the slider settings panel, you’ll find options for animation type, easing, and duration. To enhance this further, you can add custom animations to individual slide elements using the Interactions panel.
Regarding CMS integration with sliders, you can implement this by adding collection lists within each slide. Create your collection first, then drag a Collection List component into your slide. This allows you to display dynamic content while maintaining the slider functionality. You can style each collection item independently and control how the content displays within the slide structure.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Yeah, thanks alot, really helpful:) But this would make the whole page swipeable? While I want to change the whole page I only want the top part to be swipeable, if this makes sense?