ActionScript 2.0 :: Loading Images In Center Of Stage Using XML
May 15, 2009
I am working on creating a website that has 4 large images in the center of the stage and I was trying to load them using XML. I have a pre-loader to detect how much of the flash site was loaded then once it's loaded it continues onto the main content. My problem is that it goes to the main content before the images are actually loaded and I'm not sure how to make sure that the content is loaded before moving on from the preloader.
The issue i am having is when an image is loaded it always appears on the left handside attached to the top left point of the stage they are all different size images. Is there anyway i can get these images to load in the centre of the stage? This is the AS that is attached to my flash document.
i have been looking on tremendous amount of code from several xml based image galleries but couldn't find out the right trick for the job.my knowledge at xml and actionscript is basic which might be the trouble understanding how to do it correctly.Anyway, i'm trying to load photos from an xml file to an array. Then attach the code to the thumbnails i created directly (couldn't figure out how to make them dynamic) so they load the big picture to the center of the stage. i was able to do this but the images loaded to the left corner of the mc all the time. I also need a next and previous button to loop through the images.I saw different approaches to this problem, but got confused on what's the right way to do this
I want a prev / next buttons that brings the one of the carousel images to the center of the stage. Then when clicked again, it moves to the next one. I know that I have to have a code in my button release that checks the focus of the icon and brings it to the center if clicked. I have my buttons in place and everything is working great except calling the next icon over.
I am building a flash site and currently I'm not using an timeline or any images in the library. I'm using the image loader class to load in all images for each page. The trouble is that images load one by one. I want them to wait until they are all loaded before appearing together on the stage. First: Is this best practice? What do professionals do when it comes to loading images / pages. Second: Even if I add a preloader they still load individually.
Here's some example code which loads the contents to my map.swf public function Map() { img = "PageBack.png"; page = new LoadImage(file, img); addChild(page); page.x = 85; page.y = 209;
I have a combo-box on the stage with a few items in the combo-box and also have corresponding JPEG/PNG image files. I need to display the appropriate image onto the stage based on the selection of the item in the combo-box. So, please I need ActionScript code or procedure to handle this using Event-Handling mechanism of MouseEvent.
Okay my problem is i cant work out how to load them into a 5 x 4 grid, with a 10 px gap between them, is this possible? How can i acheive this all through Action Script?
I'm having an issue with placing images loaded from an XML file in placeholders within movie clip instances on the stage. It'll load an image onto stage, but only one image. I'm kinda at a loss at the moment.
I have a movie on stage that acts as a button using the code. person_mc.buttonMode = true;
I load an image onto the stage from my library using addChild(holiday);
What happens is that the person_mc button I have on stage will not function anymore, because I am presuming it is underneath the holiday pic when I loaded it using addChild.
How do I load the holiday pic, so that it is underneath the person_mc?
I know I could do what I did with holiday using addChild for the person_mc, but I do not want to do it that way.
I am trying to do something that seems like it should be relatively easy. Well bang goes that theory. Here is what I am trying to do. I have the path to a group of images stored in an xml file. I want to load them to a movie clip on the stage. doing this directly by reading the xml file and using loadMovie("filename"); bsaically does what I want it to do with just a few problems, 1. the movie repeats so the same image is pulled from the server multiple times sucking up bandwidth. 2. On slow connections the images can sometimes load slow making the movie not display properly. What I would like to do is load all the images into some structure and add the images to the movieclip in the time line when needed. How does one accomplish this in action script 2.0?
In a perfect world, I would just load all the images to an array and load the array element to the movieclip on the stage.
I am trying to have flash draw a line from the center of the stage out and increment around the stage. Not sure what math I would use to do this though. So far I have the line going out to a certain point but not sure how to change that point so that it circles around whatever the dimensions of my stage would be.
So far I have this:
var linetox=0; var linetoy=0; var _stage=this;[code]...
which obviously moves the destination ending of the line lower and lower, just trying to get it to draw around the screen (like a clock)
Ok so I have many images all the same size in different keyframes in the same layer... I want to align them all to the stage at once... rather then each individually... how do i do this
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.
it is an advertising movie and the images get from the XML file. In flash have an white frame and put the image in frame, one frame one image. If have 3 images, have too 3 frames however the frame is greater than the image, the image have 100px vs 90px maximums. but if the image no have this px, for exemple, 100x80, 10px of the bottom frame was showing. The images not is centred whith the frame. I not understand flash and my friend can't help me now. how center the images whith the frame?
onClipEvent (enterFrame) { // Make canvas dynamically resize to whatever is loaded in imageClip clip and width and height matches (and only when ttally loaded )
I've got these images that are being loaded into an MC called imageClip, and another MC called Canvas underneath it.In canvas, I have the code:
onClipEvent (enterFrame) { // Make canvas dynamically resize to whatever is loaded in imageClip clip and width and height matches (and only when t�tally loaded )
I'm having trouble centering the stage on screen, its locked to the top left of my window and nothing will make it move. I remember accidentally pressing something on the keyboard just before this happened, but don't know how to get my stage center again. The hand tool does nothing.
Oh and its only happened in this fla, other fla's are fine.
I have several images that are loaded dynamic.Now I want them to center in the container.How is that done? I can get the width and height but I can't adjust the x values on the loaderinfo object. Heres part of the code:
... part of function ... for (var i:uint=0; i<numPictures; i++) { var pictLdr:Loader = new Loader();[code].......
I have an actionscript that loads images for a slideshow. The images are different sizes and overlays in the slideshow top left justified. I would like to center the images. Below is the actionscript. What do I need to add to it and where?
I am editing an XML gallery and I have some questions..I wonder how I can position my images in the center of the screen. The images are all the same size (800x600) and I need them to display in the center of the screen.I played around with the code and I found out that when I change the Width and Height, the images starts to move (finally)... But it's very hard to find the correct position, so how can I just get it to the horizontal en vertical center of the screen/file?
Here's what the code looks like:
Code: <gallery dir="Photos/"> <img id='0' align="center" file="foodcongres2009_1.jpg" width='1024' height='768'> Test foto nummer 1 </img>
[code].....
And next... I have just two arrows (left, right), but when I click on the left one (previous), it goes to the next image instead of the previous one.. How about that?
I have a function that I use to load images. I center align the images after loading by using loadClip() and attaching the function that centering to the onLoadInit event. The problem I'm having is that the centering stop working when I upload the flash movie to a webserver. I was also able to replicate this when I Test the movie and then go to View->Simulate Download.
Here is the function in question: Code: Select allfunction displayImage( img ) { // trace('displayImage()'); // lets mave the container invisible before loading the clip _root.mcLargePhoto.centerPhoto._alpha = 0; _root.mcLargePhoto.createEmptyMovieClip("centerPhoto",this.getNextHighestDepth()); var mclListener:Object = new Object(); mclListener.onLoadInit = function(target_mc:MovieClip) { // trace('onLoadInit()'); [Code] .....
I have built a gallery similar to the one found on Kirupa with a siding thumbnail gallery that references xml. Everything works great except that the images I want to load at their large size vary in width so when they load referencing the upper left hand corner they are not centered. I would like to load them so that each image in centered in the "picture" image area. I created a new movie clip and gave it the instance name of "picture" and center justified it but the images now load with THEIR upper left corner in the center of the "picture" image area. do I have to add code to the xml? is there anything I can ad to th AS to load pictures centered?
I've found a slideshow online and have been able to modify it to my needs, but I've struck a wall when it comes to centering. I figured out how to center all the images no matter their dimensions:
I have created a flash animation using tutorial on [URL] The problem I am facing is my images are of different size, so how to display images in center.
I have used this code, it displays images in center in IE but in firefox it displays half image
I need to center a MovieClip, and i know how to do this, but the problem is this MC has content in it of different sizes on each frame. So when it goes to say, frame 2, the MC is no longer in the center. This is what i use:
How can that be changed to center this MC when the size of it changes? I would guess the code would need to know when the MC's size has been changed and re-align...
I have a MC on stage that I dynamically add and remove elements to and from. Since its dimensions vary subject to those changes I's like to "pin-point" it to the center of my (800x600) stage. I thought it would be agood idea to get the dimensions of the MC (it's called container) and set its x and y accordingly, but somehow it won't work as I got the feeling the registration is somewhere else (and I don't get the logic behind where it is).
The code I am using at the moment is the following
I'm having trouble centering the stage on screen, its locked to the top left of my window and nothing will make it move. I remember accidentally pressing something on the keyboard just before this happened, but don't know how to get my stage center again. The hand tool does nothing. Oh and its only happened in this fla, other fla's are fine. See attached image for screenshot
If you look at my Flash file "Grid.fla" (again see attached files) you'll see a group of 14 images which are loaded from an XML file ("Grid.xml") and when the user rolls their mouse over an image it uses the Tweener library to animate the image into its full size.
The problem is I need the images to animate into the center of the screen - see an example of what I'm trying to achieve by opening the SWF file within the attached ZIP called "StormGallery.swf".
But I have no idea how to do add this type of animation into my "Grid.fla" file!
