Scrub object’s animation with a draggable div?

I have a div constrained within a container, movement limited to the x axis, via jquery on the web page

$( “#draggable” ).draggable({ axis: “x”, containment: “#drag”, scroll: false });

When the div is dragged right, I want a few object’s animations to play forward, and back when the div is dragged back to its default left justified starting position.

The only solution a search uncovered was:

Get the slider’s value or position. (um, okay?)

Map to Animation: Use a math block to map the position (\(x\) or \(y\)) of the dragged object to the set animation frame puzzle. (what math block?)

…with no further explanation or description of the specific steps.

Has anyone managed to get a draggable slider to scrub through an object’s animation sequence?

How did you do it?

Thanks!

• This topic was modified 3 hours, 20 minutes ago by jefferywright2194.