Restricting cursor area in Interactive Image Pan

programming flash
1

Hello,

I am using the Interactive Image Pan tutorial from this site, and it’s working fine. My problem is that my final .swf is embedded onto an html page and stretches for the entire width of the users screen. This means that if they have a particularly high resolution, the width of the .swf file stretches significantly beyond the initial stage settings. I’m okay with this, as I really need the .swf to fill the width of the screen.

However, it means that the cursor is able to be pointed more than 100% left or right of the stage, causing the panning image to move further left or right than it should.

What I need to know is how to get around this. I’m assuming I could set a boundary at the left and right of the stage where the code wouldn’t be active? My problem is that I don’t know how to do this, or even if it’s the best way.

Any help with this is appreciated.

Here’s my code:

this.onMouseMove = function() {
 constrainedMove(bg_mc, 4, 1);
 constrainedMove(fg_mc, 4, 1);
};
function constrainedMove(target:MovieClip, speed:Number, dir:Number) {
 var mousePercent:Number = _xmouse/Stage.width;
 var mSpeed:Number;
 if (dir == 0) {
  mSpeed = 1-mousePercent;
 } else {
  mSpeed = mousePercent;
 }
 target.destX = Math.round(-((target._width-Stage.width)*mSpeed));
 target.onEnterFrame = function() {
  if (target._x == target.destX) {
   delete target.onEnterFrame;
  } else if (target._x>target.destX) {
   target._x -= Math.ceil((target._x-target.destX)*(speed/100));
  } else if (target._x<target.destX) {
   target._x += Math.ceil((target.destX-target._x)*(speed/100));
  }
 };
}

Thank you!