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?

1 Like

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 -

1 Like

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: