ActionScript 2.0 :: Create An Image Zoom And Pan?
Apr 2, 2009I 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 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 an image in flash, actually, I want to put zoom in and zoom out controls over that big image on click events.
View 2 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 have been searching high and low trying to create the zoom and pan effect used in this website [URL]
View 3 RepliesI've created a world map in flash and I want to code an ActionScript so that if I click on a country the map, it should zoom into it and show some information beside the country.
I dont know how to start it. A sample could be better.
Please let me know if you know any good step by step turial site.
Find the pic here for reference : ASIA
I have added the ASIA part which i have created. When i click on India, it should zoom into it.
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.
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 RepliesAny tutorials out there on how to make a zoom in button and a zoom out button?
View 1 RepliesI am trying to improve the quality of the slideshow displayed on this website[url]... My knowledge of flash is pretty limited. I know how to create the slideshow, I'm just not sure how to maximize the quality and keep the file small. The original was created as a .wmv and then converted to .flv. I have heard that creating the slideshow in flash using vector images is the way to get the best quality. So, my questions are:
1. How do I convert a jpeg to a vector image? Can I do this in photoshop?
2. How do I convert the .swf file to .flv without losing quality?
Is there any way to create a zoom in to a location like Google Earth for a site?
I think, I can do this with a slide show in Flash or jQuery, but I would like to know if there is a better alternative way!
how to create zoom and pan controls in Flash -- I'd like to create controls with functionality similar to that you see in Google Maps, GigaPan.org, etc. Does anyone have suggestions for where I might find a tutorial or instructions for how to create these controls using ActionScript? I browsed some threads in this forum on zoom and pan controls, but I'm not seeing anything that really explains how to write the code.
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 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].....
mouse (stage 400 w 400 h) (image 2000 w 2000 h) How do I zoom in my travels.
View 2 RepliesI 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;
}}
This code works fine but i want it to zoom in and out from the center of the stage where ever that point of the picture is.Right now it zooms in and out from the registration point in the upper left corner where I load in the image.
Code:
addEventListener(MouseEvent.MOUSE_WHEEL,mouseWheel);
function mouseWheel(event:MouseEvent) {
[code].....
I want to zoom/move an image.
I found there are many ways to do that:
1. to use an Image control , change the x, y, widith,height . Or to call move method.
2. to use zoom/move effect.
3. to create a custom control, using BitmapData and apply the specific metrix.
how to use these methods and what's the difference.
I've four images on the stage. When mouse over one image that zoom in and comes to front. When mouse over another image it will come to front (zooming) and the previous one goes back (zoomout).
View 1 RepliesI was wondering if anybody knows a way to download the full (if fragmented) image from a zoom component. For example, this websitehas the last supper at a huge resolution that is only viewable by zooming into tiny peices. I can see in the activity window that when you zoom and pan it loads the correct dozen pieces of the full image. Is there a way (with like a greasemonkey script or something) to ask the browser to download all the images at once? (You could then put them back together)
View 1 Replies