ScrollTrigger with timeline

[Ofek nakar]

hey , i want to start implement custom storyline with gsap scrolltrigger , but all the pens i've tried doesn't work as i edit outside from codepen ... 

can someone assist me with an starter example that works outside codepen to start with him ?
 

[ZachSaucier]

Hey Ofek and welcome to the GreenSock forums!

 

All of the ScrollTrigger examples should work outside of CodePen provided you're loading GSAP and ScrollTrigger properly. I'm guessing (blindly given the lack of information) that you didn't include <script> tags with the references to GSAP and ScrollTrigger in your project because they're "hidden" in the JavaScript resources section (which you can see if you click the cog next to "JS"). 

 

Perhaps our installation page can help you get a project setup as there's a video that covers how to load GSAP and its plugins via script tags.

 

For more help, please include the errors that the developer tools console gives you.

[Ofek nakar]

thank you for the comment and i did attach the cdns , i've been try this animation 

See the Pen KKVMmdz by jh3y (@jh3y) on CodePen

[ZachSaucier]

Like I said, we can't help any further unless you give us details about what's going wrong. Please provide more information, especially the errors in the console, so that we can help you.

 

@jh3y He's using one of your pens  

[Ofek nakar]

Yes his pen's are awesome to start with them, thanks  and ive been trying to implement this pen -

See the Pen PoZGGMx by jh3y (@jh3y) on CodePen

Everything works beside in mobile its shows me staright the 3 images from the start .. when im scrolling everything works fine .. how can i hide this other 2 images ?

[ZachSaucier]

Please make a minimal demo of the issue using CodePen and describe the issue that you're facing clearly if you'd like help.

 

[Ofek nakar]

I figured it out and ive wrap the whole code , thanks for all the support