I want to create a slider that can scrub through an animation...

Question

...but I can't figure out  how the draggable slider would be put together. Does anyone know how this could be accomplished? Or are there any examples of how this would work?

Answer 1

In the interest of community code sharing, here's how I modified Darrell's code...
I had a 4-second animation, which I converted to a Symbol named "engine_anim". I also had a horizontal rectangle as the scrub bar, named "bar", and a scrub handle, also a rectangle, named "scrubber". The link to Darrell's code is in the Image Slider link above. This is how I changed it to do what I wanted, which is to scrub back and froth through my animation:
The following goes in the document.compositionReady Action:
var dragme = false;
$(function () {
   var scrubber = sym.$("scrubber");
   var bar = sym.$("bar");
    scrubber.mousedown(function() { dragme = true })
    $(document).mouseup(function() { dragme = false })
    $(document).mousemove(function(e) {
        if(dragme){
           var possibleX = e.pageX;
           var leftX = bar.offset().left;
           var rightX = (leftX + bar.width()) - scrubber.width();
           var scrubWidth = rightX - leftX;
            // confine it to the scrub bar width
            if(possibleX < leftX) {
                possibleX = leftX;
            if(possibleX > rightX) {
                possibleX = rightX;
            scrubber.offset({
             left: possibleX
            var relativeX = possibleX - leftX;
            var perc = Math.ceil((relativeX/scrubWidth) * 4000); // multiplying the ratio by 4000 milliseconds, the length of my animation
            sym.getComposition().getStage().getSymbol("engine_anim").stop(perc);