Change the images one by one

[Али К]

Hello Devs , 

I have here  4 slides, everything works normally, but now every slider work alone.
I want the sliders to work together but in one way ( change the first image from the first slider and after that change, the first image from the second slider and after the first image from the third slider, after that should come back to change the second image from each slider )
It is possible to do this animation?

See the Pen a325c366ebe123b680b3a5849f033768?editors=1111 by itsalimanuel (@itsalimanuel) on CodePen

[elegantseagulls]

Hi @Ali Manuel,

 

I don't fully understand what you are looking to do with this.... I think I have a grasp on the idea you are looking to achieve, but can't put it all together. If I'm thinking about it correctly, it should definitely be possible. Did you have any GSAP specific questions regarding creating this? It's tough to gauge what you are looking for exactly without knowing limitations/requirements/where you're getting stuck/etc, as there are several (probably many) different ways you could approach this. 

[OSUblake]

Hi @Ali Manuel

 

First, thanks for helping out in the forums!

 

If I understand your goal, I usually do stuff like this. I create objects with a next property that points to the next object in the list to do something with. I also changed the opacity of some of your images in the css.

 

See the Pen 80eccd11ed941e1736ac76b268ebd150 by osublake (@osublake) on CodePen

 

 

[Али К]

Hello @OSUblake , thanks for your help, it looks perfect.