Hallo.
I’m creating a mouse-movement controlled image gallery for a portfolio website, and I’m wondering how to position the loaded images so they’re aligned next to each other. I can’t just do _x+=_width in onLoadInit, as there is more than one image.
Here’s my code so far:
dir = "emotive/thumb/";
arr = ["12.jpg", "emma.jpg", "jimmyjohanne.jpg", "ninavandyk.jpg"];
var movieClip:MovieClip = createEmptyMovieClip("movieClip", 0);
var listenerObj:Object = new Object();
listenerObj.onLoadProgress = function(target:MovieClip, bytesLoaded:Number, bytesTotal:Number):Void {
var percent:Number = Math.round(bytesLoaded*100/bytesTotal);
};
listenerObj.onLoadInit = function(target_mc:MovieClip):Void {
};
var movieClipLoader:MovieClipLoader = new MovieClipLoader();
movieClipLoader.addListener(listenerObj);
for (i=0; i<arr.length; i++) {
fr = _root.createEmptyMovieClip("f"+i, _root.getNextHighestDepth());
movieClipLoader.loadClip(dir+arr*,fr);
}
arr is the array of image filenames, I’ll eventually make this dynamic by passing a variable from PHP to Flash.
Any help is appreciated c:
