Jump to content


Need help with Slide show and splittext

Recommended Posts

I've customized a slideshow and I'm using splittext to animate text out the current slide and then animate back in the new one.
It works perfectly when "Next" is clicked but I'm having trouble with "Previous". The header's going out as planned but new one's aren't coming back in. 

See the Pen ypBYBK by anon (@anon) on CodePen

Link to comment
Share on other sites

Hi and welcome to the GreenSock forums,


Thanks for providing the demo.

Unfortunately, we can't spend a lot of time analyzing the logic in 100+ lines of code, but what jumped out at me as a potential problem is that you are splitting text when you hit the next button AND the back button


splitHeadOut = new SplitText(slideOutH1),  
    splitHeadIn = new SplitText(slideInH1), 


If you split text in a slide when you hit next and then split it again when you hit previous you are going to end up with lots and lots of extra divs being created and get unexpected results.


My recommendation would be to split all the text when your app loads and just focus on the animation when the next and previous buttons are clicked.

  • Like 2
Link to comment
Share on other sites

Thanks very much for taking the time to look Carl! 
I'll try that. Thanks.

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.