ScrollTrigger playing a timeline on two elements in a forEach at the same time

[madebysix]

Hi there, can anybody help? 

Hopefully it's something obvious i've missed, but if you look at the codepen, i'm trying to play/flick through the images on scroll. But play both image set's (inside the parenthesis) at the same time.

You'll see it plays the left side, then the right side afterwards.

Thanks

See the Pen XWzWqzw?editors=1010 by jasonbooth (@jasonbooth) on CodePen

[Cassie]

Heya @madebysix!

Thanks for being part of club GreenSock, we appreciate the support. ☺️

So, you're looping through and adding images one by one to one timeline - each image by default will play sequenced after the previous one.

If you want both to play at the same time you'll either need to use the position parameter to position images in the correct spot on the timeline, or you could use two timelines.

See the Pen gOXbJYR by GreenSock (@GreenSock) on CodePen

 

 

[madebysix]

Thanks for the response @Cassie ! I'll mark it as the solution