IsaGomez

Thanks @Cassie, I'll keep an eye on the link

Hi @Cassie Thanks for your quick reply I'm very new to GreenShock and haven't quite grasped the concepts. How can I then add a timeline to achieve this effect? I thought the tl variable referred to the timeline. On the other hand, do you know if there is any free or paid training that can help me to better understand how to create different animations with GSAP? Thank you very much, Isa.

Hi Jack, Thanks for your reply. I'm sorry I didn't explain the problem in more detail. My goal is to show a single image each time you scroll. I would like only one image and its text to be shown when scrolling. That is, when you scroll to the next step, hide the image that appeared in the previous step and show the image corresponding to that step. I understand that this should be done by working on the opacity. I have updated the pin and added opacity 0 at the start of the timeline and opacity 1 at the end of the timeline but I am still having problems because it shows an image for each step but when going to step two the image from step 1 is still visible. I hope I have explained it a bit better now :) Best Regards,

Hi Everyone, I'm working on making an animation by drawing images in a pinned section and when scrolling the content appears in text and its corresponding image. The problem is that my images have a transparent background and I would like to be able to make the image disappear before the next one appears. I have tried to work with the visibility in the tween but it doesn't work correctly. Maybe the most interesting thing would be to add an onUpdate callback function in the scrollTriggers but but I would like to know if someone can give me a little guidance on how to do it. Best Regards, Isa.

Hi @akapowl Thank you for the modification to your pen. I have added to my pen the variable 'smoother' to declare ScrollSmoother as you do in your pen. However, although I see that the ScrollSmoother effect is applied and the video works I don't understand why the text in the right column is not displayed. Any suggestions are welcome Best regards, https://codepen.io/isagoga/pen/gOeyOMO

Awesone @akapowl I will take a look at it. Thank you very much!

Thanks @mvaneijgen

Hi @mvaneijgen, Sorry to ask again but I am very new to GSAP. I'm trying to add ScrollSmoother and when I added it the animation stopped working. I wonder if inside the scrollTrigger itself I have to reference ScrollSmoother somehow? Best Regards,

Hi @mvaneijgen, Thank you very much for your reply. I finally got the three videos to play and updated the code in codepen. I still need to adjust the opacities a bit so that the video corresponding to each text item appears and disappears but I think I'm close to get the desired effect. Regarding Smooth Scroll I thought I was using the one provided by GSAP so thanks for the suggestion and I will adapt it as well. Best regards

Hi, I'm trying to make a section with several pinned videos. My idea is that when you scroll it shows a video and a text item. I have seen that this effect can be done with images. However when I try to do the same with videos I can't get the second and third video to start. Any help or guidance is welcome. Thanks