Jump to content


help, a bit lost

Recommended Posts

hey everyone

I m really interested in these tools, and oh i m totally new to everything... 


question, how do I install these into my wordpress site... anyone can help with a setup instruction.



i typically wanna use the scroll parallax functions, :shock:  :shock:  :shock:  :?  :?  :?  :?  have a business package no idea where to start.


my brain needs an dummy Actionscript i guess.....help  :oops:  :oops: 


thanks for your time 



Link to comment
Share on other sites

Hi and welcome to the GreenSock forums,


The GSAP library is just a collection of JavaScript files. They really don't get installed, you simply upload them to your site and then add <script> tags to your html pages that load the files like:

<script src="js/gsap/TweenMax.min.js"></script>

For WordPress, depending on what theme you are using it is probably fairly straight-forward to select scripts that should load on every page and then they will be added to your site templates.


For what its worth, building a parallax with WordPress is probably one of the last things you should attempt if you are new to the GreenSock tools. Developing inside of WP is frustrating for even seasoned developers.


I would strongly suggest this following path...


Read both the Jump Start and Getting Started Guide: http://www.greensock.com/get-started-js/


When you are done with that check out all the CodePen demos here: http://codepen.io/collection/ifybJ

CodePen allows you to see working code and also edit it right in your browser! So I'm a big proponent of learning how things work by tweaking and breaking things that do work. Perhaps this will work well for you too.


Be sure to watch our sequencing video: http://www.greensock.com/sequence-video/



Next I would try to think of a very basic animation perhaps like this one: http://codepen.io/WilliamBartholomew/pen/spjGH?editors=001 and try to build it.


Actually, build a few of those. 


Maybe at this point you can experiment with getting you animations to work on your WP site.


Only once you are very familiar with how the GreenSock tools work, should you worry about parallax sites. When that time comes, take a look at the jQuery plugin ScrollMagic which uses GSAP for animation: http://janpaepke.github.io/ScrollMagic/


Lastly, I would recommend you have your parallax design really well outside of WP before you bring it in. 


Throughout the course of your learning be sure to keep the API Documentation handy, in fact, bookmark it now: http://api.greensock.com/js/ Whenever you start to use a new TweenLite, TweenMax or any plugin, be sure to read the documentation. It is packed with useful information.


In summary, start small and don't rush your learning. If you find you are struggling with the basics, you may want to get our training manual that we use in our classes: http://www.nobledesktop.com/books/details.cfm?product_id=143 It will walk you through real-world animation tasks with detailed step-by-step instructions.

  • Like 2
Link to comment
Share on other sites

wow, I really appreciate your time and advices. I didnt expect such detailed guide.



sure, I will start learning the basic things first.  

First thing I learned is ===>THANK YOU!!! YOU GUYS ARE AWESOME :-P  :-P  :-P 




Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.