ActionScript 2.0 :: Multiple Image Zoom To Fill Panel
Jun 13, 2010
I've been working on a Flash site on and off for some years now and despite the fact it's been near the finishing stage for some time, the biggest problem I've had has been my custom photo gallery. The concept is simple, a panel has a group of images loaded into it, and each one is resized to thumbnail size. On clicking one of the thumbnails, it enlarges or zooms itself to fill the panel. I've only recently managed to get one image to zoom in from the centre, stopping when it reaches a specific size, and therefore have left it working this way. What I want however, is for the images to be loaded in row formation, and on clicking each one, it "zooms in" from its position to fill the whole panel. Currently I have the thumbnail movieclip duplicated, with a different image loaded into each copy, on clicking one of the images, it zooms from the centre, although obviously, this is not what I want. I've attached my source and images in a file called GalleryProblem.zip.
I have an image that doesn't fill the <mx:Image> tag because it's not the exact dimensions (it is too short) and I have maintainAspectRatio set to true:
The <mx:Image> tag has a fixed width and height (it's 100% of the tile size--this is in an ItemRenderer). How do I get the image to sit on the bottom of the <mx:Image> tag?
I've used the New Library panel to copy symbols from one Flash document to another & subsequently closed the extra Library panel. I did this twice for on different occasions.
My Library panel is usually docked & collapsed so ocassionally I use Crtl-L to expand it. Now, when I do that, the previous 2 extra Library panels also appear & I have 3 Library panels on the screen - 1 docked & 2 extra floating ones! How do I get rid of the other 2 for good?
Since there is no actionscript function to set the registration point of a movieclip, I created a movieclip that I want to hold my image in my Project.fla file with a centered registration point I then add the movieclip to the stage in my Project.as file:var holder:Holder = new Holder();addChild(holder);The holder is successfully on the stage, and I now load my external image file that I would like to be inside of my image placeholder:var imageLoader:Loader;imageLoader = new Loader();imageLoader.load(new RLRequest("images/ball1.png"));addChild(imageLoader);What I am now trying to do is insert the imageLoader into my holder so that I can alter it as though the registration point is in the center
What I want to do is have an image and fill within the contour of the image with circles of selected size. what would be the first step in doing this? Or is this even possible simply in AS3?
I have a movieclip that is only a blue square. However, i want to "fill" that blue square with a pattern made out of an image x.jpg (or x.png, whatever).
ive tried making a image fill preloader using masks etc. When publishing its just showing my preloader not continuing to my content.which is on frame 11. I was wondering if anyne can help me with code?
i've created a vector-based map of Spain, and i'd like to be able to zoom into certain areas of it.the map is positioned behind a mask, so only a certain portion of it is visible.
i've also created nine buttons, each of which should reposition and scale the map according to a set of predetermined target parameters (manipuilating the _x, _y, _xscale, _yscale properties). i can get the map to pan to its new location so long as i don't zoom in (scale) as well. whenever i have to pan AND scale, the x,y coordinates end up grossly off-mark. do i need to first scale and then pan? or vice versa? anyone know of any tutorials on this topic?
I'm looking to zoom in on an image: Example: Picture of a church. Zoom in as far as possible on the church tower.Then it needs to slowly zoom out, so you have time to guess which church it could be. Example: Slowly zooms out, revealing more and more of the picture.
I'm trying to achieve what i thought was a fairly simple effect in a slide show situation, but it's proving to be elusive. I would like to slowly zoom in on an image, giving the illusion of movement or animation. An example of what I'm trying to do is on this site's main slide show. [URL] This looks pretty simple and i suspect they are using the EaseIn transition, but when I try to use that, it brings the image in from nothing to full. I need to start from large size and then zoom in.
I've been using this code to save my panel area as an image.
var bd:BitmapData = new BitmapData(vgrpBottleArea.width, vgrpBottleArea.height); bd.draw(previewPan); var ba:ByteArray = (new PNGEncoder()).encode(bd); (new FileReference()).save(ba, "MyLabel.png");
This panel named previewPan consists of several images and what i'd like to do is just save the middle portion of the panel. the vrgrpBottleArea width and height the diamentions of the final image i want to save.
I'm trying to create a MXML component based on the spark Panel and I would like to add an image on the right end of the title bar, so that the panel will have a text on the title bar and a small image at the right end. I'm using a skin to define the colors, background fill etc. But how do I add this image at the right end of the title bar?I would like to make that image cutomizable so that when the component is inserted, either the default image is used or a new image can be provided.
I need to fill some movieclip with an external image in AS3. I know how to use an image contained in the FLA's library as background filling, but I don't know how to do this with an external loaded image.
I have an image which I have converted to a movieclip. I have added a click event to it, and when clicked, I am trying to zoom into the image at the point it was clicked. I have tried following some code but ended up in a mess.
var scaleFactor:Number = 0.8; var minScale:Number = 0.25; var maxScale:Number = 2.0; men.addEventListener(MouseEvent.CLICK, menOver);
[Code]....
At the moment, it doesnt zoom in automatically (have to keep clicking). Also, it currently zooms out.
Really, the effect I am after is like a camera pan and zoom.
I have some script that loads an external image into the UILoader that also has a mask created based on loaded image width and height, which also centers on stage. That works great. On user click somewhere within the loaded image, the image then scales from that mouse position out. i.e.: if I click top left corner image scales from that point out, center, left, right... etc. using the tween. That works great.
On mouse move image then pans reverse to mouse position. i.e.: I move mouse left image pans right, move mouse up image pans down, top left corner image pans down bot right...etc. Also using tween. This is where it becomes tricky. The image does pan, however it does not pan completely to left, right, up, down, diagonally and so forth. once mouse reaches boarder of mask the image pan stops, unless mouse is way outside boarder.
Then that creates another problem where the image now pans so much that it goes past the boarder and almost out of sight. Ideally when mouse moves to masked boarder, panned image should be at its image boarder then stop. Constrained within the masked boarders.
Code: var myImagePanTween; function moveImageTween(e:TweenEvent = null):void { var CurrentMouseX=mouseX; var CurrentMouseY=mouseY; [Code] .....
I think there should be away to include a constraint within the Tween, as well calculate the image size so that when mouse reaches boarder the image should be panned to its width/height, up, down, corners ect.. within the mask. Make sense?
I have to create an image zoom and pan. The problem is that I have to set some boundaries for my pan to stop when the image is finished. Here is my source code.
I have been trying to set the loaded image x and y to -180 in order to centre xml loaded images(they're 360 x 360). The reason for this is to add a zoom effect but i can't seem to apply this zoom effect to the centre of the loaded image(s). It scales to 0,0. I need to either set 0,0 to be the centre of the image or scale to 180,180. I'm currently testing this on 1 of 16 images. Hope this makes sense.
PHP Code: var thumbsXML:XMLXML();thumbsXML.ignoreWhitetrue;thumbsXML.onLoadunction(success:Boolean) { if (!success) trace("XML Data not Found or Error on