Streaming live at 10am (PST)

Slider - animation before slide


Share link;

Hey you lovely Webflowers.

I have a slider with a ‘slide in’ interaction, and a ‘slide out’ interaction. What I’d like to happen is that the slide out interaction happens before it moves to the next slide.

Can anyone help?


Not sure about the solution, but since the slider arrows are links I’m thinking about using a script that is usually used for page transitions.

Can you publish the project so I can try placing the script?

Here it is

$('a.left-arrow, a.right-arrow').click(function (e) {
    e.preventDefault();                   // prevent default anchor behavior
    var goTo = this.getAttribute("href"); // store anchor href

         window.location = goTo;

I really don’t know if this will work :smile: Maybe there’s a simple solution.

Piter :webflow_heart:


Hey @PiterDimitrov, thanks for this.

Here’s the published domain -


Looks that the script isn’t working :smile: @PixelGeek Shared something with me that maybe can solve the issue. Here’s a link >

Piter :webflow_heart: