carousel Bootstrap carousel + GSAP animation

[tjefe]

For real this time.

 

I have codepen above showing an animation and currently the autoplay(carousel) is disabled, what I am trying to get to happen is once the animation plays it rotates to a new slide and replays the animation.  I just need it to replay since all that will change per slide is the background image, front square image and text(swatch).

 

So simply just need it all to repeat and to start over once finishes.  Any help/insight?

 

Thanks!

 

EDIT:  I am trying to get the js as repeatable as possible since the user can have between two and four slides and I will not know how many they add so I just need a repeated animation between slides however many they add and just to restart until the user leaves this screen.

See the Pen YzrzpbV by tjefe (@tjefe) on CodePen

[tjefe]

See the Pen WNZQwOG by tjefe (@tjefe) on CodePen

 

Here is an updated one with the animation sort of working on each location, but need to figure out a solution in gsap to make sure the animation runs on each slide, any thoughts?  anyone?

[OSUblake]

Hi tjefe,

 

Why do you have ScrollTrigger in there? And please see the forum guidelines, as we try to keep these forums focused on GSAP-specific questions. We don't have to resources to help with out logic issues and integration with third party tools. That said, I'll take a look at it, but first you need to make a minimal demo. So maybe just include a simple animation with a box. There is no need for anything other animations or hundreds of lines of HTML and CSS.