Unable to Auto Scale image based on SLIDER load [solved]

Design help Animations & Interactions
1

I must figure out how to make image autoscale PER slide refresh.

The following video example simulating the effect with 'HOVER 5000ms" interaction:
https://drive.google.com/file/d/1GUoDSXqofrQud2uqBYv-CDE-7bGJZOOq/view

How do you Auto scale based on SLIDER refresh only?

Basicially, I want the Hero product shots (entree) on left side to auto scale on slider refresh as simulated in the video.

2

Here you go : https://preview.webflow.com/preview/slider-clone-8b232f?utm_source=slider-clone-8b232f&preview=d0441ca0b18f3a016320663b66186ba6

Edited WebDevForYou’s project for exactly what you wanted

1 Like
3

Hi @miekwave,

When you select the slide element 03 and you go to the interactions panel, you’ll see that you can add an interaction that the ‘slide’ triggers: 19

With that chosen, you can create an interaction when the slides comes into view, and when it goes out of view.

Don’t forget to add a delay for the time it takes the slider to go into view.
Here’s an example:
https://slider-scale-ix.webflow.io/

And you can clone:
https://webflow.com/website/Slider-Scale-Interaction?s=slider-scale-ix

1 Like
4

@zerusty
@avivtech

Thank you! This resolved it.