Image Comparison with more then 2 images

[Josh Rogers]

Hey guys, 

 

On the scrollTrigger demos there is a really cool Guardians of the Galaxy Image comparison, I was wondering though is it possible to do this with more than 2 images.

 

So the effect would be as seen on the demo but if you continue scrolling then another image would reveal over the top and so on

 

Any help is much appreciated

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

[mvaneijgen]

Sure. I've just copied the timeline logic and add it to the end. Add a new image and tweaks some css and another image is add to the scroll animation.

See the Pen WNRqbKw?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen

[akapowl]

Hey @Josh Rogers,

 

sure, you could just extend the timeline in a similar fashion as for the first part.

 

Here is a demo I made some time ago

 

See the Pen f79be83538e4b2bf1355f68ed0ebbc3a by akapowl (@akapowl) on CodePen

 

 

 

...looks like @mvaneijgen was a split-second faster than me there 😅

[Josh Rogers]

Amazing - thank you very much