Jump to content
Search Community

Staggerto for Owl Carousel .Owl-Item class not working?

Demorus 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

I created a jsfiddle so you can see how Owl Slider works.

 

I tried a staggerto so that the items in section 2 bounce in when the corresponding tab is clicked. The issue only seems to exist with the owl-item class which im targeting.

 

Why wouldnt it work? Is there anything special about that specific class?

See the Pen by Epmwx (@Epmwx) on CodePen

Link to comment
Share on other sites

Sorry, it isn't clear to me at all how you expect us to trigger GSAP code when folks interact with your owl carousel. 

All the js you load externally is minified. 

 

However, this seems to work on the first set: http://jsfiddle.net/Epmwx/85/

 

Typically we focus our support on understanding how the GSAP tools work, kind of tough to integrate with 3rd party plugins when we do not know how they work. 

 

Hopefully you will see that TweenMax.staggerFrom() will work with what you have. You just have to figure out how to trigger it at the right time.

 

c

  • Like 2
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...