Hello. I did the Custom Scroll Bar Tutorial on the site, the revised it a bit to make it scroll horizontally so that it controls a mask over a panoramic image. It works beautifully! Then the client decides that instead of the image starting on the left and scrolling all the way to the right they want it to start in the center. Is there a way to define the starting point of the scroll face and the image and have it scroll left to right? This is my current code:
scrolling = function () {
var scrollWidth:Number = scrollTrack._width;
var contentWidth:Number = contentMain._width;
var scrollFaceWidth:Number = scrollFace._width;
var maskWidth:Number = maskedView._width;
var initPosition:Number = scrollFace._x=scrollTrack._x;
var initContentPos:Number = contentMain._x;
var finalContentPos:Number = maskWidth-contentWidth+initContentPos;
var left:Number = 50;
var top:Number = 292;
var right:Number = 470;
var bottom:Number = 292;
var dy:Number = 0;
var speed:Number = 10;
var moveVal:Number = (contentWidth-maskWidth)/(scrollWidth-scrollFaceWidth);
scrollFace.onPress = function() {
var currPos:Number = this._x;
startDrag(this, true, left, top, right, bottom);
this.onMouseMove = function() {
dy = Math.abs(initPosition-this._x);
contentMain._x = Math.round(dy*-1*moveVal+initContentPos);
};
};
scrollFace.onMouseUp = function() {
stopDrag();
delete this.onMouseMove;
};
};
scrolling();
The image itself is 2638x319 and my mask is 535x319, scroll bar width is 435.
thank you!
