Using createEmptyMovie I create x number of empty movie clips and load a thumbnail into each of them. I then space them out horizontally. For each of these movie clips I then add the following code as the onEnterFrame function:
this._x = this._x - _root.movevalue;
var xpos = (this._x - this._width/2);
if(_root.movevalue > 0 && xpos < -this._width) {
this._x = this._x + _parent._width + _root.gallerySpacing;
//trace(this.i + " left:" + this._x + " + " + _parent._width + " + " + _root.gallerySpacing + " = " + this._x);
} else if(_root.movevalue < 0 && xpos > Stage.width) {
this._x = this._x - _parent._width - _root.gallerySpacing;
//trace(this.i + " right:" + this._x + " - " + _parent._width + " - " + _root.gallerySpacing + " = " + this._x);
}
movevalue is a value based on the position of the mouse, it moves the movieclips left and right.
So now each movie clip knows that when its _x is off the stage, to move itself in the opposite direction by the length of the parent movie clip (containing all the thumbs) plus the spacing plus its own width. Thus creating a wrapping effect.
Problem: Imagine 8 thumbs starting on the left side of stage and spaced out to the right. 4 thumbs are visible on stage and 4 are off. If I scroll them to the left, everything works fine. The first thumbnail scrolls off the stage and is 'appended' to the right side. However, if I scroll right, immediately 4 thumbnails know they are out of bounds and I get large amounts of space between my thumbnails after they adjust their position. So when multiple thumbs are 'out of bounds' at the same time I'm getting large amounts of extra space between. Also the thumbnails are then out of order..clearly a race condition due to each having its own onEnterFrame function.
Any ideas on what is causing the space or how to keep them in order? FLA DOWNLOAD ->
http://goluxa.com/ftp/gallery2.zipStart Free Trial
