Slideable timeline UI

I am looking to create a 4 stage interactive timeline UI like my mockup below. It will be on a touchscreen monitor and the user should be able to hold down on the banana and slide it to each stage to change video content on another screen. The banana should also snap to place once it is close to one of the 4 stages on the timeline.

I’m wondering what is the best way to go about building this style of UI. I have experimented with changing the background and knob images of a slider comp to match my banana and timeline content but I feel like this isn’t the best way to go about this.

Would love to hear any ideas on this,
Thanks!

Check out Derivative’s widgets tutorial on YouTube, that would be a good starting place.