Click and drag to control frame advance

Question

I have a layer that contains a movie clip, instance name wwr_mc, which has nineteen frames. I have figured out how to script a roll-over function to continously move from one frame to another by rolling over the prev, or next buttons, using this code:
wwr_mc.gotoAndStop(10);
var t:Timer=new Timer(250,0);
var dir:int;
t.addEventListener(TimerEvent.TIMER,onNextFrame);
next_btn.addEventListener(MouseEvent.ROLL_OVER,right);
next_btn.addEventListener(MouseEvent.ROLL_OUT,stopIF);
function right(e:MouseEvent): void {
    dir=-1;
    t.start();
    wwr_mc.nextFrame();
prev_btn.addEventListener(MouseEvent.ROLL_OVER,left);
prev_btn.addEventListener(MouseEvent.ROLL_OUT,stopIF);
function left(e:MouseEvent): void {
    dir=+1;
    t.start();
    wwr_mc.prevFrame();
function stopIF(e:Event): void {
    t.stop();
function onNextFrame(e:TimerEvent): void {
    wwr_mc.gotoAndStop(wwr_mc.currentFrame + dir);
This type of navigation, while functional, is not really codusive to what I'm trying to accomplish. I would like to be able to click and drag the mouse and have the frames advance forward or backward depending on the direction of the mouse movement.
I tried using the MOUSE_Move event with very limited success.
Any suggestions would be helpful!
Thanks!

Answer 1

I don't see anything via that link that I can relate to this posting.
If you want to make the change in frames happen solely based on the direction (x) that the mouse is being moved, then you need to test the current position of the mouse against the last known position...
var startPosition:Number = mouseX;
wwr_mc.gotoAndStop(10);
stage.addEventListener(MouseEvent.MOUSE_MOVE, onMouse);
function onMouse(e:MouseEvent): void {
    if (mouseX-startPosition >= 0) {
        wwr_mc.nextFrame();
    } else {
        wwr_mc.prevFrame();
   startPosition = mouseX;
I am not sure what you find as being too fast.  When you are doing things relative to an extended event, such as a mouse being moved for some time, then it is highly likely that the event will execute the event handler function repeatedly... as fast as the frame rate of the file allows.  So if you want more control of the rate at which mouse moves effect nextFrame/prevFrame function calls, then you need to build in some form of delay.  In the example below, it takes the form of removing the mouse move event listener for a short period using a timing function (setTimeout in this example, though you could use the Timer class as well)
var startPosition:Number = mouseX;
var delayTime = 250; // 0.25 sec
wwr_mc.gotoAndStop(10);
stage.addEventListener(MouseEvent.MOUSE_MOVE, onMouse);
function onMouse(e:MouseEvent): void {
    stage.removeEventListener(MouseEvent.MOUSE_MOVE, onMouse);
    var currentPosition:Number = mouseX;
    if (currentPosition-startPosition >= 0) {
        wwr_mc.nextFrame();
    } else {
        wwr_mc.prevFrame();
   setTimeout(setListener, delayTime);
function setListener(){
   startPosition = mouseX;
   stage.addEventListener(MouseEvent.MOUSE_MOVE, onMouse);