Jump to content
Search Community

Animations cutting out

Sam H. test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hello,

 

We've been developing a new website using greensock and are having some problems with the performance of the animations once Tweenlite is initiated. Here's the page that it's most noticeable on:

 

http://paragoncasinoresort.dnsalias.com/hotel

 

if you click on one of the rooms the info panel comes up. Then close that info panel. After that, begin rolling over the other rooms with your mouse and the animations start to get cut short and eventually die. I think it's because of some running process going on or the way were writing it is in correct. Any help is appreciated!

 

Thank you,

Sam

Link to comment
Share on other sites

Hi and welcome to the GreenSock forums.

 

Sorry that you're experiencing problems using GSAP.

 

Unfortunately getting to the origin of any issues is very complicated in a live site with almost 500 lines of code  so far. Please create a reduced live sample that clearly demonstrates the issue you're facing right now. Check the following post:

 

http://greensock.com/forums/topic/9002-read-this-first-how-to-create-a-codepen-demo/

 

Finally there are a couple of errors showing up in the console while clicking and hovering the elements:

 

invalid height tween value: NaN 
 
Uncaught ReferenceError: tl is not defined
 
The first comes out of TweenMax.min.js, so my guess is that some variable that's supposed to store a number is coming out as undefined, so GSAP returns that error. Check that part of your code.
 
The second error comes up when clicking the close button, that actually doesn't close any of the elements. Is being reported in this function:
function closePanel (event) {
  tl.reverse().timeScale(2);
  closeAll ();
}

Take a look at those and please make the extra effort to create a live sample that we can edit, that will help find the issue a lot faster so you can keep developing your site.

 

Rodrigo.

  • Like 1
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.
×
×
  • Create New...