Troubels with uploading plugins

[KatuBryda]

Hi,

 

I'm just started my GreenSock Club membership and trying to use some GSAP magic on my website but I have some issues and really don't know why. I using scripts from package I downloaded from my member account, but it seems to be some error and I can't use "new SplitText" because isn't defined.

What I can doing wrong?

 

[PointC]

Hi @KatuBryda

 

Welcome to the forum.

 

It's pretty tough to say what might be wrong without seeing your code. Are you loading TweenMax and the plugin before you try to animate? If you could put together a demo, it would be easier to troubleshoot the problem. Here's some info about that.

Happy tweening and thanks for joining Club GreenSock.

 

[KatuBryda]

Hi,

 

for me it will be moust essiest way just to put link to my github if this is not a problem? 

 

[Sahil]

How are you including your files in your project? If it is simple html template then you can include your files as follows,

 

If you are using jQuery include it first
<script src="js/jquery.js"></script>
<script src="fs/TweenMax.js"></script>
Any other plugins below TweenMax
<script src="js/SplitText.js"></script>
<script src="js/your-script-file.js"></script>

 

You need to include every single plugin explicitly. Does that help? If it is any other project like react, angular etc then you need different approach to include files in your project.

[KatuBryda]

This is a web where I try to animating headers in cosmetic section. I link all js scripts in the bottom of body tag. Any idea why SplitText doesn't works?

 

https://katubrd.github.io/cosmetics/

[Sahil]

You are trying to load 'SplitText.min.js' but in your JS folder you have 'SplitText.js'.

 

Also, if you are using TweenMax then you don't need to use TimelineMax because it is included in TweenMax file.

[KatuBryda]

Thank You for the answear. I made the change You written about but I having still problem with not defined SplitText...

[PointC]

Looks like you have a typo on line 85

 

//switch this:
<script scr="js/SplitText.js"></script>

//to this:
<script src="js/SplitText.js"></script>

 

That should get everything working for you. Happy tweening.

 

[KatuBryda]

OMG ... I've been struggling with these for hours ... thank you very much!