Flash :: Centering Imported Images?

Centering An Imported SWF
Hello,

In my flash application, I am importing character animations that are separate .swf files. I load them using the usual Loader mechanism.

Once they are loaded, I would like to position them such that they are centered about some point. When I am loading a bitmap, I usually do this just by saying mBitmap.x -= -mBitmap.width/2. etc.

I can't figure out how to do the same thing with a swf.

For example, one swf consists of 34 frames. Each frame is roughly a 120x120 image, placed on 550x400 stage.

When I load that swf in, I see that the movie clip height/width is 120x120. But if I try to center it based on that, the image is still appearing really low and right of where I want it.

I suspect it has to do with the 550x400 stage the image was created on, but I can't figure out where that information is stored...

any ideas? Thanks!

--> Centering Imported SWFs Within An MC?
Ok, I don't understand why this is happening..maybe somebody could help me out....

I have a draggable window bar (similar to Windows OS), under this bar is an empty MC in which i load various .swfs. The swfs that are being loaded are various widths, so I want to center each swf under the window bar when it is loaded. I've placed the following code in the window bar MC:

onClipEvent(enterFrame) {
_root.width=getProperty(_root.window.loader, _width);
if (_root.width>597.5) {
_root.difference = (_root.width - 597.5) / 2
_root.window.loader._x= "-" + Number(_root.difference)
} else if (_root.width<597.5) {
_root.difference = (597.5 - _root.width) / 2
_root.window.loader._x = _root.difference
} else {
_root.window.loader._x = 0;
}
}

This centers the swfs perfectly fine, but if there's any animation in the swf that goes outside of the document size, this actionscript takes that into affect and adjusts the MC accordingly (therefore making it look like its not centered). I thought this code would consider only the document size (what is typed in the properties) of the imported swf but it included everything -- even if its outside of the document bounds. Are there any commands I don't know about, or ways to set up the imported swfs so that it will only consider the set document size of the swf when centering? Keeping all symbols within the bounds of the imported swfs is not an option.

Any help would be greatly appreciated.

Centering Images
How would I go about centering images in the Reusable Preloader tutorial. Centering vertical is no problem since my images are all the same height...but the widths differ. And since the images aren't individual swfs' I don't know how I'd get them centered on my stage.

Help With Centering Images
I have read numerous threads, tried hundreds of suggestions from those threads, but still cant get my mind around how to get my images to center based on my AS (im sure that I am not referencing things correctly). The images fade fine but they still appear based on upperleft corner.
I have changed reg point, etc but still to no avail.

If someone could assist me i would be most greatful.

Scotty...I tried to use your resize example but that didnt help either.

Thanks in advance.

I have posted the AS below:
*************************
delay = 3000;
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
description2 = [];
link = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
description2[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
}
firstImage();
} else {
content = "Please refresh your browser. XML was not loaded correctly";
}
}
usedimages = [];
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images2.xml");
basey = 0;
basex = 0;
//************************************************** ***************************
function getrandom() {
image.splice(p, 1);
p = Math.floor(Math.random()*image.length);
}
function nextImage() {
if (image.length == 0) {
getURL("http://192.168.1.31/opiwebdev/vertmenu/main.shtml", "_self");
} else {
getrandom();
}

fadeOut(image[p]);
}
function firstImage() {
getrandom();
picture._alpha = 0;
fadeOut(image[p]);
}
function fadeOut(clip) {
picture.onEnterFrame = function() {

this._alpha -= 1;
if (this._alpha<1) {
preload(clip);
delete this.onEnterFrame;
}
};
}

function preload(clip) {
trace("preload");
picture.loadMovie(clip);
var temp = this.createEmptyMovieClip("temp", 9987);

temp.onEnterFrame = function() {

filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
if (filesize>4 && filesize == loaded) {
picture._x = (temp._x+temp._width/2)-temp._width;
picture._y = temp._y;
picture._alpha += 5;
}
if (picture._alpha>100) {
picture._alpha = 100;
desc_txt.htmlText = description[p];
desc_txt2.htmlText = description2[p];
slideshow();
delete this.onEnterFrame;
}
};
}
function slideshow() {
trace("slideshow");
myInterval = setInterval(pause_slideshow, delay);
function pause_slideshow() {
clearInterval(myInterval);
if (p == (total-1)) {
fadeOut(p);
firstImage();
} else {
nextImage();
}
}
}

Centering Images Using XML
How does one center their images when using XML???

My images seem to come in TOP LEFT justified to the pivot of my
"holder image"

Centering Images In Slideshow
I am trying to create a slideshow using jpegs loaded into an empty movie clip and everything is great except...
I can't figure out how to make it so that each and every image that is loaded is centered no matter if it is a horizontal or vertical image. I realize that Flash wats to put them in the absolute upper lft corner of the movie clip, but I want it to center them depending on the dimensions of the image. Below is the A.S. that I am using to load the jpegs. Can anyone help me with an "if" statement that will do what I want?

function loadFrame(){
_level0.myMCL.loadClip("images/image" + curFrameNum + ".jpg", this.framesMC);

[F8] Help With Centering Multiple XML Images Please
I've read several threads on centering images in a movieclip. Basically I'm loading several images dynamically into a scrolling movieclip - portfolio style in a row. When you rollover the image the image enlarges.

My problem is that the images all load at their top left hand corner so that when you rollover and enlarge the image they also enlarge the image at the top left hand corner. I need them to load at the center so when they enlarge they also enlarge from the center. I have tried many different variations in trying to make this happen but I can't seem to get it to work. I've manage to get the entire movieclip to center according to the first loaded image - but obviously that's no good.

If anyone could help, I would sooooo appreciate it! I'm a bit of a newbie at AS - I hope I explained myself. Here's my code....

Code:
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
thumbnails = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
thumbnails[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
thumbnails_fn(i);
}
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images1.xml");
/////////////////////////////////////
p = 0;
this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100) {
picture._alpha += 10;
}
}
};
function thumbnails_fn(k) {
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._xscale = target_mc._yscale = 75;
target_mc._x = hit_left._x+(target_mc._width+5)*k;
target_mc.pictureValue = k;

smoothImageLoad(thumbnails[k], target_mc);
target_mc.onRollOver = function() {
this.swapDepths(thumbnail_mc.getNextHighestDepth());
this.onEnterFrame = function() {
this._xscale = this._yscale += 5;
if (this._xscale>101) {
delete this.onEnterFrame;
}
}
};
target_mc.onRollOut = function() {
this.onEnterFrame = function() {
this._xscale = this._yscale -= 5;
if (this._xscale<76) {
delete this.onEnterFrame;
}
}
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}

[F8] Centering Images In A Movieclip
Hi,

I'm trying to center different size images in a movieclip named "picture". The images load fine but they are not centered. Flash's registration is very limited when it comes to setting this. All the images are different sizes. I may get one to load correctly but when another image loads of a different size the images is no longer centered. I need all images to load in the center of the clip no matter what the images size is. Here is the code that I'm using:

stop();

function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images-webbanner.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
/////////////////////////////////////
p = 0;
this.onEnterFrame = function() {

filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {

preloader.preload_bar._xscale = 100*loaded/filesize;

} else {

preloader._visible = false;
if (picture._alpha<100) {

picture._alpha += 10;

}

}

};

function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}

Centering Loaded Images
I've been making a modified version of the Dynamic JPG image loader thing that comes with Flash MX I've got it loading captions in from a loaded textfile and then I'm pulling the captions I need from an array.

Basically I'm having a great time until.... I started pulling in pictures of that were both Landscape and Portrait in format. The problem is that they always load in the top Left corner of the clip I'm loading them into. I understand this is because of the "zero" point and the fact that the data loads into positive x and y co-ords. Is there a way to make portrait and landscpe pics load so that their center point are in the same spot regardless of the image size?

Did I explain that correctly....?
Thanks in advance,
Rupert

Centering Dynamic Images
I have a xml gallery everything on it works except a few of my picture are kinda all over the place is there anyway for my to center my images? any information would be greatly appreciated.

here is the actions im using and my MC that loads my images is on the stage should I use the createMC action to achieve this?

ActionScript Code:
cliparray = [];
columns = 4;
spacex =88
spacey=67
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
thumbnails = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
thumbnails[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
}
sload()
firstImage();
} else {
content = "file not loaded!";
}
}
function drawSquare(clip, depth, colour, x, y, w, h) {
var mc = clip.createEmptyMovieClip("clip"+depth, depth);
mc._x = x;
mc._y = y;
mc.lineStyle(0, 0x3F0100, 100);
mc.beginFill(colour);
mc.lineTo(w, 0);
mc.lineTo(w, h);
mc.lineTo(0, h);
mc.endFill();
mc._alpha = 80;
return mc;
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
/////////////////////////////////////
p = 0;
this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100) {
picture._alpha += 10;
}
}
};
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
var ij=0
function sload() {
for (var i = 0; i<image.length; i++) {
var clip = drawSquare(this, i, 0, 0, 0, 64, 44);
clip._x =536+ (i%columns)*spacex;
clip._y =102+ Math.floor(i/columns)*spacey;
var clap =clip.createEmptyMovieClip("tt",1)
clap._x = 2
clap._y = 2
cliparray.push(clap);
clip.pictureValue =i;
clip.onRelease = function() {
p = this.pictureValue-1;
nextImage();
};
clip.onRollOver = function() {
this._alpha = 70;

};
clip.onRollOut = function() {
this._alpha = 100;
};
}
startload()

}
this.createEmptyMovieClip("checker",1000)
function checkload() {
checker.onEnterFrame = function() {

if (cliparray[ij]._width) {

delete this.onEnterFrame;
if (ij<cliparray.length-1) {
ij++;
startload();
}
}
};
}
function startload() {
cliparray[ij].loadMovie(thumbnails[ij]);
checkload();
}

Centering Images In A Movieclip
Hi,

I'm trying to center different size images in a movieclip named "picture". The images load fine but they are not centered. Flash's registration is very limited when it comes to setting this. All the images are different sizes. I may get one to load correctly but when another image loads of a different size the images is no longer centered. I need all images to load in the center of the clip no matter what the images size is. Here is the code that I'm using:

stop();

function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images-webbanner.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
/////////////////////////////////////
p = 0;
this.onEnterFrame = function() {

filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {

preloader.preload_bar._xscale = 100*loaded/filesize;

} else {

preloader._visible = false;
if (picture._alpha<100) {

picture._alpha += 10;

}

}

};

function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}

Centering Images In A Container
Iâ€™ve been searching to find an answer for this little problem without luck. Iâ€™m loading external jpgs into an empty movie clip. The clip is large enough to accommodate vertical as well as horizontal images. What do I need to do to have the images load in the center of the clip instead of the top left corner? Thanks for your help.
Mariusz

Edited: 01/21/2007 at 07:51:16 AM by M_L_M

Resizing And Centering The Images
hi,
can someone tell me simple basic code for resizing and centering the images on the stage while loading from xml.

i searched in the forum but many of them are using movie clip loader. so they have used getBytesLoaded or getBytesTotal for this.

And i have developed my gallery using loadMovie.

so can someone help me regarding this??

waiting for ur help

thanks a loooooooooooot:

Centering Xml Gallery Images
hello ;
ive just butchered myself a gallery together which loads different xml documents (with image references in them) into an empty movie clip on the main stage-
however- the images are all different sizes, and I cant seem to modify the script so that they will center correctly- i know I need to preload them in order to get the correct size for each image and then reload and display so that the x and y coordinates are correct-
im using this script from kirupa's xml gallery tutorial- each different section of the gallery has this script attatched to the button that displays it-
but im really stuck as to where to add a loop to ***** the images.- my brain hurts
I would attach the movie im using to show the whole thing but the files too large--

on (release) {
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("music.xml");
// ///////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
// ///////////////////////////////////
p = 0;
this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100) {
picture._alpha += 2;

}
}
};
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[0];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[0];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
}

Centering Images In A MovieClip
Hi,

I got this far with my images display. I found code and it was able to work, but I'm not savvy enough with the code to unload images.

I have 'searched' thru kirupa to see if someone had something similar. Found other 'centering images' type .fla's, but can't connect them to mine.

I was hoping someone on here could look at it, and hopefully find that small missing link I need.

I don't want to change the navigation or the way I have it set up -- I need it scripted frame-by-frame as it is. I was hoping someone knows how to get the images to 'unload' as you press each button.

Thanks.

Centering Images In Movie
I just followed the tutorial on this website to make a photo gallery wit hthe sliding thumbnail. After completing the tutorial, I modified the layout myself to experiment. I made the whole entire thing bigger. I was wondering if anyone knew how to center the images within the movie. Thanks for any help!

Centering External Images In MC
Hello:

I have thumbnails of various dimensions that I am trying to center upon loading into a mc. I have tried other suggestions from posts on this forum, like create a container mc and load the jpg into that, then place container within the main mc, and

mc._x =- mc._width/2; //move clip to left by half its width
mc._y =- mc._height/2; //move clip up by half its height

by the way, I cannot find the =- operator in the AS dictionary, unless they mean
mc._x = -1 * mc._width/2;

None of these work properly. - I keep getting the JPG in the upper left-hand corner.

I have a blank catalogmenu_mc to which I am attaching a grid of menuitem_mc. These menuitem mc's are NOT blank - they are 100 x 100. They contain dynamic text fields, a text button, and the thumb_mc, which holds the external image. I set the coordinates for the blank thumb_mc at (50,50) - [center] within the menuitem_mc.

When I try to center the JPG after loading into the thumb_mc, it goes back to the upper-left hand corner. I think maybe it's because the clip that holds the thumb_mc is not blank and uses 100 x 100 for the dimensions and not 100 x 75 or 55 x 75, the size of my TN's.

It is frustrating that an external SWF or JPG can only load in the upper left-hand corner.
Any help or workarounds? Thanks.

Help With Centering Multiple XML Images Please
I've read several threads on centering images in a movieclip. Basically I'm loading several images dynamically into a scrolling movieclip - portfolio style in a row. When you rollover the image the image enlarges.

My problem is that the images all load at their top left hand corner so that when you rollover and enlarge the image they also enlarge the image at the top left hand corner. I need them to load at the center so when they enlarge they also enlarge from the center. I have tried many different variations in trying to make this happen but I can't seem to get it to work. I've manage to get the entire movieclip to center according to the first loaded image - but obviously that's no good.

If anyone could help, I would sooooo appreciate it! I'm a bit of a newbie at AS - I hope I explained myself. Here's my code....

Code:
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
thumbnails = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
thumbnails[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
thumbnails_fn(i);
}
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images1.xml");
/////////////////////////////////////
p = 0;
this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100) {
picture._alpha += 10;
}
}
};
function thumbnails_fn(k) {
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._xscale = target_mc._yscale = 75;
target_mc._x = hit_left._x+(target_mc._width+5)*k;
target_mc.pictureValue = k;

smoothImageLoad(thumbnails[k], target_mc);
target_mc.onRollOver = function() {
this.swapDepths(thumbnail_mc.getNextHighestDepth() );
this.onEnterFrame = function() {
this._xscale = this._yscale += 5;
if (this._xscale>101) {
delete this.onEnterFrame;
}
}
};
target_mc.onRollOut = function() {
this.onEnterFrame = function() {
this._xscale = this._yscale -= 5;
if (this._xscale<76) {
delete this.onEnterFrame;
}
}
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}

AS 2 Centering Images In An Empty Mc
g'day sirs,

i have the following code and i'm loading portrait and landscape images into an empty mc via xml but the images load to x = 0 and y = 0. is there any way to load these images "centered" into that mc ?

PHP Code:

delay = 3000;
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
}
firstImage();
} else {
content = "XML OOPS !";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("flyer.xml");
p = 0;
function preload(clip) {
picture.loadMovie(clip);
var temp = this.createEmptyMovieClip("temp", 9987);
temp.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
if (filesize>4 && filesize == loaded) {
picture._alpha += 1;
if (picture._alpha>100) {
picture._alpha = 100;
slideshow();
delete this.onEnterFrame;
}
}
};
}
function nextImage() {
if (p == (total-1)) {
p = -1;
}
if (p<(total-1)) {
p++;
fadeOut(image[p]);
}
}
function firstImage() {
picture._alpha = 0;
fadeOut(image[0]);
}
function slideshow() {
myInterval = setInterval(pause_slideshow, delay);
function pause_slideshow() {
clearInterval(myInterval);
nextImage();
}
}
function fadeOut(clip) {
picture.onEnterFrame = function() {
this._alpha -= 1;
if (this._alpha<1) {
preload(clip);
delete this.onEnterFrame;
}
};
}

sorry if this sounds weird but i don't know how to explain it more clearly

thank you for reading

Centering External Images + Site
Hello fellow programmers.

I've developed a flash site that loads images externally and centers them on the stage. The method of centering an external image is trickey, in order to center an image on the stage you need to know the width of the image you are loading... as far as i know the only way to find the width of a movie clip is to check it after it loads completely.

In this site, I have a function that loads the external image, a function that checks to see if the image is loaded completely and then a function that waits an additional 500ms ... and finally a function that finds the width of the clip, centers it on stage, and fades it from 0 to 100.

The problem is that if you play around with the site long enough you will notice glitches... the image is not always centered before it fades in... I have no idea why this happens... has anyone had good experience with centering external images? what would be a better method of doing this?

check out the site: http://www.museniorartshow.com/xml/pages/index.html

thanks,
-Pez

Centering Images In Flash CS3 Slideshow
Hi,
I am new to AS and Flash. So, any help here would be highly appreciated.

I am trying to get an XML based Flash CS3 slideshow to work. The slideshow opens each image up like an envelope before displaying it.

I have got most of it going but have one key problem:

My stage is 320 x 240 I have a variety of images some smaller that 320 in width all being processed from the XML file. The ones less that 320 in width get drawn on the left hand side of the stage NOT the centre.

I would like all images to be drawn in the centre not on the left.

Here is the code:

Code:
private function getMask():MovieClip
{
mask_mc=new MovieClip();
mask_mc.graphics.beginFill(0xFF3366,1);
mask_mc.graphics.drawRect(-.5,-.5,1,1);
mask_mc.x=stage.stageWidth/2;
mask_mc.y=stage.stageHeight/2;

addChild(mask_mc);
masks_array.push(mask_mc);
return mask_mc;
}

private function openMask():void
{
mask_mc.addEventListener(Event.ENTER_FRAME,openX);
}

private function openX(evt:Event):void
{
var arrX:Number=clips_array[id].width/2;
var dx:Number=arrX-evt.target.width;
var ax:Number=dx*.3;

evt.target.width+=ax;
if(Math.abs(dx)<=.2)
{
mask_mc.removeEventListener(Event.ENTER_FRAME,openX);
evt.target.width=arrX;
mask_mc.addEventListener(Event.ENTER_FRAME,openY);
}
}

private function openY(evt:Event):void
{
var arrY:Number=clips_array[id].height/2;
var dy:Number=arrY-evt.target.height;
var ay:Number=dy*.2;
evt.target.height+=ay;
if(Math.abs(dy)<=.3)
{
mask_mc.removeEventListener(Event.ENTER_FRAME,openY);
evt.target.height=arrY;
mask_mc.addEventListener(Event.ENTER_FRAME,reOpenX);
}
}

private function reOpenX(evt:Event):void
{
/* var arrX:Number=clips_array[id].width; */
var arrX:Number=clips_array[id].width;
var dx:Number=arrX-evt.target.width;
var ax:Number=dx*.3;
evt.target.width+=ax;
if(Math.abs(dx)<=.2)
{
mask_mc.removeEventListener(Event.ENTER_FRAME,reOpenX);
evt.target.width=arrX;
mask_mc.addEventListener(Event.ENTER_FRAME,reOpenY);
}
}

private function reOpenY(evt:Event):void
{
var arrY:Number=clips_array[id].height;
var dy:Number=arrY-evt.target.height;
var ay:Number=dy*.3;
evt.target.height+=ay;
if(Math.abs(dy)<=.2)
{
mask_mc.removeEventListener(Event.ENTER_FRAME,reOpenY);
evt.target.height=arrY;
initTimer();
}
}
Can someone please tell me how I can get the image to be drawn in the centre and not on the left?????

Thx!

Centering Loaded Images In Movieclip
I seem to be having trouble getting these images, that are externally loaded, to load in the center of the movieclip. I know it's something simple but i've failed to get it to work so far. Help would be greatly appreciated.

this is what i have in there at the moment and it obviously just loads it into the clip but doesn't center. So if you could help me write the script off of this i would be a very happy guy. Thanks.

loadMovie("galleries/home/"+_root.poza+".jpg", "pic1");

Dynamically Centering Images In MC As They Load
I am dynamically loading images into a movie clip (MC), but as they load the images load from the MCs registration point which is fine if you want the image to load in the top left side of the MC.

What I would like to be able to dynamically change the registration point of the image to the centre when it is loaded. I would expect you would have to change the registration point of the MC (as the image takes on the properties of the MC).

Basically I would like the images to load from the left, right, top middle, botton middle etc... so that per project I can dynamically change the above.

Here is an example of what I am trying to achieve. I have everything else down pat except the images positioning....

http://www.evb.com

In the above case the images are loaded and their centre point becomes the centre of the image and the frame then expands or contracts depending on the image width and height.

Even if I could be able to make the centre point in the middle would do me...

Can anyone help??????

Centering Grid Of Images On Click
So, I have a grid of images (say 3x3 for now) and I want to be able to click on one and have the entire group slide so that the clicked image is centered.

http://www.podlob.com/ has something similar on #43 with the controls in the bottom right, but no source available.

I've got the hang of having buttons trigger sliding, but all the tutorials I've found have the buttons and the images separate and I can't figure out how to slide them all together. (Also, my images would be separate and not one vast image that gets slid around - this poses the issue of coordinating all the separate images sliding correctly.)

So far the test files I have which are importng some image from an XML are here: http://volved.com/projekt/portfolio.swf & http://volved.com/projekt/portfolio.fla

Any input much appreciated, thanks all!
-Barnz

Centering Images In Xml Gallery [renamed]
Hi

There is a great tutorial under the topic Flash MX2004 – “Adding thumbnails”.
It’s about how to make a photo slideshow with scrollable thumbnails using Flash and XML. And it’s function is simple too, just click on a thumbnail and larger image fades in above.
If photograph is taken as landscape everything is fine but if it happens to be upright or portrait, it appears on left side of the picture_MC.
Is there any way to make upright images appearing in the middle of picture_MC?
Here is the code.

function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
thumbnails = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
thumbnails[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
thumbnails_fn(i);
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
nextImage();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
prevImage();
};
next_btn.onRelease = function() {
nextImage();
};
/////////////////////////////////////
p = 0;
this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100) {
picture._alpha += 10;
}
}
};
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function() {
if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._heig ht)) {
if ((_root._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=200) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._x += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;
}
};
}

function thumbnails_fn(k) {
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._x = hit_left._x+(eval("thumbnail_mc.t"+k)._width+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;
nextImage();
};
target_mc.onRollOver = function() {
this._alpha = 50;
thumbNailScroller();
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}

Thank you for any answer.

Centering Images In Kirupas Xml Photogallery
Hi,

Does anyone know who to makes all of the images loaded using kirupas xml photogallery tutorial be centred in the movie rather aligned to the empty mc?

Would be great to get some advice.

Thank You,
Paul.

Centering Dynamic Images In XML Gallery
Hey there folks, I'm having an issue centering dynamically loaded content, if anyone could take a look at this gallery movie I'm working on I would appreciate it.

http://www.citruswebhosting.com/web-test/imgCenter.zip

Heres the AS for the gallery, I'm trying to center each image upon loading it into the img container.

Code:
var cx = loader._x;
myPhoto = new XML();
myPhoto.ignoreWhite = true;
myPhoto.onLoad = function(success) {
//portfolioTag = this.firstChild;
numimages = this.firstChild.childNodes.length;
spacing = 50;
for (i=0; i<numimages; i++) {
this.picHolder = this.firstChild.childNodes[i];
this.thumbHolder = thumbnails.createEmptyMovieClip("thumbnail"+i, i);
this.thumbHolder._x = i*spacing;
this.thumbLoader = this.thumbHolder.createEmptyMovieClip("thumbnail_image", 0);
this.thumbLoader.loadMovie(this.picHolder.attributes.thmb);
this.thumbHolder.title = this.picHolder.attributes.title;
this.thumbHolder.main = this.picHolder.attributes.main;
this.thumbHolder.onRelease = function() {
loader.loadMovie(this.main);
loader._x = cx-loader._width/2;
};
}

};

myPhoto.load("xmlphoto.xml");

Photo Gallery - Centering Images
Hello, I am new to Kirupa and just starting to learn actionscripting.
I love the Thumbnail Photogallery... But I have both vertical and horizontal pictures...
The horizontal pictures work great! But what code and where would I add it if I wanted to tell Flash to center the vertical photos in the large gallery.
I would appreciate any suggestions.
Thank you

Centering Images In Flash CS3 Slideshow
Hi,
I am new to AS and Flash. So, any help here would be highly appreciated.

I am trying to get an XML based Flash CS3 slideshow to work. The slideshow opens each image up like an envelope before displaying it.

I have got most of it going but have one key problem:

My stage is 320 x 240 I have a variety of images some smaller that 320 in width all being processed from the XML file. The ones less that 320 in width get drawn on the left hand side of the stage NOT the centre.

I would like all images to be drawn in the centre not on the left.

Here is the code segment displaying the images:

Code:

private function getMask():MovieClip
{
mask_mc=new MovieClip();
mask_mc.graphics.beginFill(0xFF3366,1);
mask_mc.graphics.drawRect(-.5,-.5,1,1);
mask_mc.x=stage.stageWidth/2;
mask_mc.y=stage.stageHeight/2;

addChild(mask_mc);
masks_array.push(mask_mc);
return mask_mc;
}

private function openMask():void
{
mask_mc.addEventListener(Event.ENTER_FRAME,openX);
}

private function openX(evt:Event):void
{
var arrX:Number=clips_array[id].width/2;
var dx:Number=arrX-evt.target.width;
var ax:Number=dx*.3;

evt.target.width+=ax;
if(Math.abs(dx)<=.2)
{
mask_mc.removeEventListener(Event.ENTER_FRAME,openX);
evt.target.width=arrX;
mask_mc.addEventListener(Event.ENTER_FRAME,openY);
}
}

private function openY(evt:Event):void
{
var arrY:Number=clips_array[id].height/2;
var dy:Number=arrY-evt.target.height;
var ay:Number=dy*.2;
evt.target.height+=ay;
if(Math.abs(dy)<=.3)
{
mask_mc.removeEventListener(Event.ENTER_FRAME,openY);
evt.target.height=arrY;
mask_mc.addEventListener(Event.ENTER_FRAME,reOpenX);
}
}

private function reOpenX(evt:Event):void
{
/* var arrX:Number=clips_array[id].width; */
var arrX:Number=clips_array[id].width;
var dx:Number=arrX-evt.target.width;
var ax:Number=dx*.3;
evt.target.width+=ax;
if(Math.abs(dx)<=.2)
{
mask_mc.removeEventListener(Event.ENTER_FRAME,reOpenX);
evt.target.width=arrX;
mask_mc.addEventListener(Event.ENTER_FRAME,reOpenY);
}
}

private function reOpenY(evt:Event):void
{
var arrY:Number=clips_array[id].height;
var dy:Number=arrY-evt.target.height;
var ay:Number=dy*.3;
evt.target.height+=ay;
if(Math.abs(dy)<=.2)
{
mask_mc.removeEventListener(Event.ENTER_FRAME,reOpenY);
evt.target.height=arrY;
initTimer();
}
}

Can someone please tell me how I can get the image to be drawn in the centre and not on the left?????

Thx!

Centering Dynamic Images Within Container
Hi, does anyone know how I'd go about doing this. I tried using an eventlistener to wait for the image to be loaded then get its width but that didn't seem to work, and I can't for the life of me remember how/if you can change the 'align point' of an object with actionscript. Here's what I came up with but it is using 0 as imageLoader.width and height

Code:

imageLoader = new Loader();
imageLoader.load(new URLRequest(xmlList[0].attribute("imgsrc")));
mc_mediaHolder.addChild(imageLoader);
imageLoader.x = (mc_mediaHolder.width - imageLoader.width) / 2;
imageLoader.y = (mc_mediaHolder.height - imageLoader.height) / 2;

Thanks

Imported Images
i have a project with lots and lots of grunt work, and i wanted to know if there was an easier way to do it.

i have a file that scrolls about 50 logos of stores automatically. when the logos are imported, the scrolling mc is so long it goes past the viewable area of the flash work window. also each logo needs to be clickable to individual pages.

is there a way to bring in the logos dynamically or something? how would you do it?

help

Imported Images Goes ****ed Up
Hi,

When i import an image in my flash file (.jpg) there is nothing wrong with it if I see the .swf file, but when I convert it to a graphic or movie clip that imported image is getting ****ed up totally, does anybody know how to fix this prob?

tnx in adv

Imported Images
I'm importing a picture from my computer seperate from flash into flash, that's easy. My problem is that I can't get the white(since my picture is not a perfect square) to go away. How do I go about doing that? I want to make the background of the imported image transparent without effecting the rest of it

Centering Dynamic Loaded Movies And Images
Hi there,

I've got a MC that loads external *.swf or *.jpg files via XML. It works great except my MC has a size of 250x250 pixels and the external files can have different sizes (smaller)

As you can see here, the external clips are all aligned at 0,0. Now I would like them to be center aligned within my MC, but I have no idea how to go about this. I've browsed the boards but can't find anything that would help me or that I could figure out myself.

You can find the *.fla in this zipped file.

Any help would be greatly appreciated.

thx,

Crashie.

Centering Dynamically Loaded JPEG Images?
I'm loading multiple JPEG images of different sizes directly into an existing movie clip in Flash 6. I want them to load into the same movie clip, each replacing the one before it, and I need them to all center in the stage.

The problem is that the loaded JPEGs align their top left registration point to the movie clip's center registration point.

When loaded, the different size JPEGs all have their top-left corner aligned to the same point on the stage (the movie clip's original center point), but since they are different sizes, most are not centered.

Is there a way to cause the dynamically loaded JPEGs to align their center to the movie clip's center?

[MX] Resizing And Centering Loaded Dynamic Images
Hi

I need for an image that loads to an mc to be resized and centered to the size of the MC. the images are loaded by users so the image name is always different.

this is the code that loads the image i guess I just need the part of the code that resizes and centers it.

this code is on the same frame that the mc is on the timeline:

stop();
if (_root.contenturl1 == "") {
loadMovie("img1" add _root.zimgpage add ".jpg", "img1");
} else {
loadMovie(_root.contenturl1 add "/" add _root.userid add "/img1" add _root.zimgpage add ".jpg", "img1");
}

the movie publishes in flash player 6 and is actionscript 1.0

Please any help with this is appreciated.

Help Centering Dynamic Loaded Images. Pleeease
Hi, guys! Im making a gallery, and its basicly done, just for 1 little problem... When i click the buttons that make the "load", the flash dont get the real size of the image, cause i know its not loaded completelly. In the secound time it works, cause its already in "cach". My original AS have a kind of "checker" but i dont thing its working. can someone help me?

My action a attached,

Thanks in advance

Rodrigo

Automatically Centering Loaded Images W/ Xml Gallery
I was wondering if it was possible to convert this photo gallery into one that can center the images that are loaded via xml. I know I can make all of my images universal in size like the tutroial, but what if you are working with various sized images?

(from the following tutorial)

http://www.kirupa.com/developer/mx2004/thumbnails.htm

Any help on this would be much appreciated!
Thank you to all of you who participate and help out by the way! I've learned so much from this site and the supporters!

Centering Images? In Photo Gallery Tutorial.
Hello Everyone, I have been studying the tutorial in the special effects section titled "Create a photo Gallery" and understand the tutorial but am having a small problem with what I am trying to accomplish. I am creating a photo gallery with images of different sizes. For example, they are all the same height but vary in the size of their width because some are perfect squares(medium format) and some are Horizontal (35mm). I am trying to get the images to import to the movie clip in a centered position. Currently when i use this tutorial model, all the images I am using import left aligned, thus creating an odd layout.

Thanks in advance if anyone can be of help.
Junkyard Dog

Centering External Images In Movie Clip
hi, i'm doing a portfolio for a photographer. i have thumbnails of the images on the left side, and when they're clicked, they load an external image into a movie clip that's on the right side. some of the images are vertical and some horizontal, so i want them to be centered in the area. how do i do this exactly? i have a feeling it will involve manipulating the _x and _y somehow but i'm not sure...

here's the in-progress page if you want to see what i mean:
http://www.morganicdesign.com/clients/jen_gallery2.html
(click 'engagements', that's the only one that works right now... i want the vertical ones moved over to the right, and the horizontal ones moved down)

thanks for your help in advance! :)

Centering Imported Images?

Quick question:I'm creating a photo gallery. All of the JPEGs are on the server and I'm loading them into Movie Clips via the loadMovie command. Is there a way to get the images to center in the movie clip instead of aligning at the top left corner?Thanks in advance for any help!

Quick question:

I'm creating a photo gallery. All of the JPEGs are on the server and I'm loading them into Movie Clips via the loadMovie command. Is there a way to get the images to center in the movie clip instead of aligning at the top left corner?

Thanks in advance for any help!