Draggable carousel that automatically shows next element after x seconds

Hello! I'm trying to build a draggable carousel that scrolls to the next element after a couple of seconds. At the moment my carousel is draggable using "On drag" and the timeline stops at each element of the carousel. I basically want the functionality of this

Is there a way to this without JS and if not how can I achieve it using JS?


This is a very quick idea.

Two timelines.

The first controls the drag.
With pause and a run timeline action at each interval.

The second is the auto run.

This will have action at intervals that pause this timeline and continue the drag timeline.

We then use mouse down and mouse up to try and stop/reset the run timeline so it does not run when you are doing a drag.

The run timeline will start on scene load.

Screenshot 2020-10-01 at 11.26.09

draggable carousel - Timer.hype.zip (15.1 KB)


Thank you very much! Saved my day!

1 Like