images fade in/out acording to text scrolling

[sebnilsson]

Hello!  I just register to ask a question my programmer friend has. We want to create a website of our own, but he is puzzled as to how he can make images fade in and out when you reach a certain point in the text on the other side. We want the images to fade in or out and freeze to the specific image if text scrolling stops. I've searched the web for answers but with very limited luck i found answers... could you assist me and my friend? this is a very draft video editing i did but its kinda what we want the result to be. It will have multiple images that will changed every now and then according to how far you scroll down.

 

Edited October 19, 2023 by sebnilsson

[mvaneijgen]

Hi @sebnilsson welcome to the forum!

 

Sure that is possible! There are loads of people on the forum that have asked the same, just search for your query and you probably find several post nudging you in the right direction.

 

This comes close or the pen below, but every case is just a little bit different. 

 

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

 

My advies check out these awesome getting started guides 

 

https://greensock.com/get-started/
https://greensock.com/get-started-2

 

And check the GSAP Youtube channels 

 

 

If you're stuck, just post a minimal demo here with what you've tried.