Jump to content
Search Community

Restart a SplideJS carousel at the same time as my timeline

Adel Kamel test
Moderator Tag

Recommended Posts

Hello everyone,
My GSAP timeline loops 3 times.

I use Splide.js to display my products.

I can't make that when my timeline restarts, the product carousel also restarts from the beginning.

That's why I come to ask for your help




Link to Splide JS : https://splidejs.com/

Link to banner : https://images-armis-staging.s3.eu-west-1.amazonaws.com/bricorama/newtemplates2023/appnexus/html/slideshowV2_300x600.html


See the Pen poQPRLa by adelarmis (@adelarmis) on CodePen

Link to comment
Share on other sites



Sorry about the inconveniences but unfortunately Splide is not a GSAP related product and we can't offer support for it. We need to keep our limited time resources focused on GSAP related issues.


As you probably know GSAP Timelines offer a vast set of callbacks that you can jump into in order to achieve what you're looking for, so this is a question better suited for Splide's API and support.


Based on a cursory reading of their API maybe this could help:



If not then you'll have to destroy and re-create your Splide instance using GSAP callbacks. Unfortunately this seems to be a limitation on Splide's API.


Hopefully this helps.

Happy Tweening!

Link to comment
Share on other sites

  • 2 weeks later...

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...