Multiple ScrollTrigger Image Sequences - Strategy question

[newguy123]

Hi

As per the Apple Airpods example on GSAP, which currently only shows 1 image sequence in the example, what if I want to have 3 or 4 sections, each with its own sequence?

Do I simply duplicate the existing code for the single section, and just rename the classes/ids in html for each section, and same in the javascript?

Ie, I will then have 4 different scrolltriggers, each firing when its relevant section reaches it's start?

[mvaneijgen]

17 minutes ago, newguy123 said:

Do I simply duplicate the existing code for the single section, and just rename the classes/ids in html for each section, and same in the javascript?

Sounds like a good start! Try that and see how far you can come, throw in some solid debugging effort if it's not working and then post back here with a minimal demo if you still need help.