Zoom In And Zoom Out Of Image?
Aug 11, 2011i want to zoom in on an image by clicking one particular region and zoom out by clicking again. how can i achieve this.
View 6 Repliesi want to zoom in on an image by clicking one particular region and zoom out by clicking again. how can i achieve this.
View 6 RepliesI want to make a scope wich can zoom in on button click and go back to previous stage (zoom out) also by clicking a button.Now i made it work for zooming in (when i click my button it zooms) but when i want to zoom out everything i tried didn't work .Here is the code:
//button for zoom in
zoom.addEventListener(MouseEvent.CLICK,glassMove);
function glassMove(event:MouseEvent):void{[code]..............
i've made a button that zooms into a movie clip on a rollover, but it on moves it a certain amount each time you rollover the button. code below:
on (rollOver){
_root.Mypic._width += 5;
_root.Mypic._height += 5;
}
wot i want it to do is to continue zooming in for as long as the mouse is over the button, is there anyway i can change the code to zoom in at the same amount but do it continuously until the mouse is moved off the button. Also is there anyway that i can set it so that the zoom stops at a certain percentage, i.e. it only zooms in so much and then stops. What i mean is that the user can zoom in but the picture will only zoom in to say 200% of the original size.
I am working on flash application TELESCOPE or Camera. My goal is to move around the scene and zoom-in or zoom-out I found that if I move scene, I have to move registration point, because I always want to zoom in the centre of my ocular. So far application works fine only if I move, zoom-in and than before I move any further, zoom-out! But when I move, zoom-in (not fully), move again and zoom-in again, the second zooming doesn't appear on desirable registration point
View 1 RepliesI have this code for my effect to zoom in and zoom out in certains buttons
canada.addEventListener(MouseEvent.MOUSE_OVER, canadaover);
function canadaover(event:MouseEvent):void
{[code]....
the problem is when u reach certain corner of the button it kinda gets into a loop, any ideas how can i fix this?
Using flex / air 2.6 working on an Android device, I am using a canvas with a TransformGestureEvent for zoom in on a map. The listening of the efect is working ok, but I can´t seem to find the information on wether the user intended zoom in or zoom out (fingers getting closer or getting apart).I expected the intention of the gesture to be identifiable with the offsetX and offsetY properties of the event, as you will do on a swipe gesture event. But I always get 0 for both properties, no matter how I do the gesture in the device.How can I know if the fingers getting closer or getting apart in a gesture zoom event?
View 1 Repliesi had a flash file, and the image was dynamically loaded in a movieClip. when i double click the image it will zoom max. and another double click it will retain its best fit.
View 0 RepliesI need to have a button to be clicked for the zoom effcet to be activated, then when the mouse hovers over an image it should zoom to 200%. I have 40 images which I'd like to have this effect by.Also when the cursor is over the image is it possible to make the change the cursor to a magnifying glass?
View 1 RepliesI'm developing a full screen zoom/pan UI. Everything is working great, except I can't get it to center on the correct point when zooming in.
You can view what I have here: [URL]
The numbers in the top-left corner are the navigation, and the white boxes represent the individual sections.
I have a large container movieclip that fills the entire page. Inside of that movieclip (site) I have all of my individual section movieclips (section1-section6). I'm also using a dynamic registration point class to dynamically set the registration point of the "site" movieclip to the current selected section, so that the zoom in/out is centered on that section.
When a user clicks on a navigation item, I first reduce the _xscale and _yscale of "site" to 80, when that is complete I move _x and _y to the position of the selected section's movieclip. When that is complete, I set the _xscale and _yscale back to 100. Right now, it is not zooming in centered, so I have a final step where I correct the _x and _y position after zooming back in.
If I don't zoom in/out I can successfully pan the movieclip and center on the correct section. I believe the problem is that I am moving the _x and _y to the position of the "site" movieclip as if it is at 100%, but since it is at 80% it is not moving to the correct position. I tried to fix this by giving the _x and _y coordinates as:
endX = endX / 100 * 80;
Which made it a little better, but still not centered. I have a feeling that there may be a fundamental flaw in my approach to this.
For some reason the forum won't let me attach my .zip, so I posted it online, as well: [URL]
My code below, in case you don't want to download the file:
Code:
tile._alpha = 0;
currentSection = section1;
//** Set Stage **//
[Code]....
How to make several MCs to zoom in on mouse over and zoom out to itïż½s original scale on mouse out??? all this with actionscript and with some ease (elasticity) to make the motion more natural?
View 2 RepliesI need to have a button to be clicked for the zoom effcet to be activated, then when the mouse hovers over an image it should zoom to 200%. I have 40 images which I'd like to have this effect by.Also when the cursor is over the image is it possible to make the change the cursor to a magnifying glass?
View 3 Replieshow do you edit a movie so that when you right click the movie...it wont show all the things like "zoom in" or "zoom out"???
View 2 Repliesi have visited a very good flash site..I gotta give credit for their dedication and their work as well. [URL] I wonder, how they put all those animation in a banner with that small size of file ? I mean banner's size is not big at all. My other question is that, how do you make it "zoom in and zoom out" on a movie..Like on those banners. Do they binding all the layers to make it a movie then resize it on the movie or what?
View 3 Repliesi'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.
View 2 RepliesI'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.
View 3 Repliesi need like this [URL]
View 2 RepliesI would like to zoom in and out of images like this
[URL]
Actionscript 1 and or 3?
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.
Is that kind of job easy to do in flash?
View 1 RepliesI have an issue with zooming gesture in iOS over AIR. Here is the code (an excerpt):
package
{
import flash.display.DisplayObject;
import flash.display.Sprite;
[code]....
Where, the app, basically captures an image using the iphone's device and then should scales (zoom), but doesn't...
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?
how to zoom in an image the same size and move.... for example, [URL] on the site menu.
View 4 RepliesHow do i zoom in to a part of an image?? At the moment i have this
[Code].....
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.
[URL]
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
[code].....
I am recently making a website in flash cs3 using flash actionscript 2. I have currently put a zoom&pan image viewer into one of the website pages to use as a map viewer. However once pasted into a empty movie clip it seems to be displaying a whole lot of white space once fully zoomed out and the image being only around a 1/4 of the assigned area. I am thinking its something to do with the alignment. I have also attached the swf file, for quick view. The image can be found if you enter corporate in the first window then venue in the side menu.
Link > [URL]
The movieclip is labelled "map".
I am trying to create a zoom/pan effect for an image gallery. The thing is that i dont have any idea on how to do it so I've started to play with it. I created a zoom button that basically make the image bigger and a mask for the image so no matter how big you going to scale it its going to show the masked area only and if I want to pan all I have to do is move the image inside of the mask.
But my problem is that I use a MouseEvent.MOUSE_DOWN event on the zoom in button and the function scale it up and position it in the center only once. What I want to do is as long as the user have is mouse down the image will zoom and when the user releases the mouse it's going to stop. Thats the effect that im trying to achieve [URL]. But the cool thing about this gallery is that when you zoom in or out it actually ease out or in and stop and it run's really smooth.
I have 9 images on my stage laid out like a photo collage. Would like to create a user action that when their mouse rollsover an image that image zooms in, when the user moves mouse to next image, it does the same for each 9 images. Is this possible? As mentioned I am a Big Newbie to Flash, only have taken one online class,
View 11 RepliesI need to be able to zoom in on my image, but I cant get it to work properly. I've got an Image showing my content, and it get it's content from a BitmapData. The BitmapData is full-res, which is 2880x1620, and the Image is scaling to fit my window. The SmoothImage is the same as Image, but with smoothing added.
<me:SmoothImage id="imageFull" visible="false" width="100%" height="100%" />
How would I go about zooming this image when I scroll my mouse? This is the code I have, and it does change the scaling factor. But since it's set to fit my view, nothing happens...
public function videoBufferWheel(event:MouseEvent):void{
myZoom += (event.delta/10);
if(myZoom >=1){
imageFull.scaleX = myZoom;
imageFull.scaleY = myZoom;
}else{
myZoom = 1;
}}