Chris Bartlett

Hi Zach, Thanks for your help! Yes I thought it was probably wrong to add it to the rend method but it was the only way I could get it to play ? I started off using the post you mentioned. And if I use that approach it worked well - but the timing was wrong. They would like the text to appear at certain images in the animation and that is the bit that is really confusing me. I will attempt to change it and let you know how I get on! Thanks

Hi Cassie, That was great - thanks! It worked well. I now have it working fine scrolling down but now just have to figure out how to reverse it so when you scroll back up. I think the main problem is I'm adding the tweens at certain image frame points? https://codepen.io/_chris_bartlett/pen/JjbxYpW So I guess i need to do something like this: https://codepen.io/GreenSock/pen/pojzxwZ Just trying to figure out what? haha Wondering whether i need a separate timeline? One for onEnter and one for onEnterBack?

Hi Cassie, Thanks very much for your advice! Will look into that let you know how I got on. I was using css animation as wasn't sure on how to add it lol I got it working using gsap but couldn't figure out how to do the timing right (they want it on certain images). Thanks!

Hi, I'm new to Greensock and think it's absolutely fantastic! I'm trying to do something similar to Apple Airpods which was based on this post: https://greensock.com/forums/topic/25188-airpods-image-sequence-animation-using-scrolltrigger/ The idea is I want several products on one page and as you scroll down it loops through the images the same as Airpods and displays some text. It works fine for one product but when I add a second it overlays them on top - I'm presuming as I'm using position fixed - but I'm wondering why they are triggering at the same time and not after each other? I know I have messed something up quite badly and wondered if anyone knew what? Thanks! Chris