I have loaded an image from a particular site using loader..and added this loader in a Movieclip.. I want to zoom and pan theimage.. How to zoom particular area of a movieclip?
View 6 Replies
I have an app in Flash CS5 that I am creating for iOS. I am loading an external image to a frame with the UILoader. I would like to be albe to use the two finger zoom and single finger up/down/left/right movements on the image I loaded with the UILoader.
View 1 RepliesI'd like to build something working like with dynamic panning and zooming. Where can I find some cool tutorial to learn this effect?
View 9 RepliesI have a full screen movieclip, in which there are 5/6 buttons that can be draggable around the stage.Now, when i click on a button, a series of images appear at the side of it.What i want to do is to zoom in and center the stage on the photo if i click on it (something that you can see here: ml under the "projets" button, try and click one photo).It may seem tricky since you can actually drag and move the buttons, but logically it is not since i can retrieve the button position (and i place the photos inside it, so the distance between the button._x and the photo._x is in some way retrievable).
Anyway what i'm finding really tricky is the method to zoom and move the stage camera in order to center the photo.i thought of using the transition tweens on the _root in order to change the _xscale and _yscale to zoom, and the _x and _y to move itBut from here i have two problems: how can i determine the right amount of zoom if the stage is in full screen (so with all resolutions possible), and how much the _x and _y properties change after the zoom is done (because it seems to me that after changing the _xscale and _yscale of the _root, it changes the _x and _y values in it, in a way in which i have to add even 2000 pixels in order to center it)
I have a full screen movieclip, in which there are 5/6 buttons that can be draggable around the stage.Now, when i click on a button, a series of images appear at the side of it.What i want to do is to zoom in and center the stage on the photo if i click on it (something that you can see here: http:[url]....... under the "projets" button, try and click one photo).
It may seem tricky since you can actually drag and move the buttons, but logically it is not since i can retrieve the button position (and i place the photos inside it, so the distance between the button._x and the photo._x is in some way retrievable).Anyway what i'm finding really tricky is the method to zoom and move the stage camera in order to center the photo.i thought of using the transition tweens on the _root in order to change the _xscale and _yscale to zoom, and the _x and _y to move it.
But from here i have two problems: how can i determine the right amount of zoom if the stage is in full screen (so with all resolutions possible), and how much the _x and _y properties change after the zoom is done (because it seems to me that after changing the _xscale and _yscale of the _root, it changes the _x and _y values in it, in a way in which i have to add even 2000 pixels in order to center it
Basically I want to know if there is a way to go from a zoomed in version of something, and then seeing the whole image in another frame. (By pressing a button)
Let's say there's a tree, I would bascially like (upon pressing a button which I can do) to zoom out and see the whole scenery. Is there a way I can do this without actually changing the size of the image?
I have modified the code from the Interactive Image Panning AS3 version (found here) and I have come to a standstill. If you look at my .fla (link) or the image (link) you can see its not a rectangle but has two of the top corners cut off. So it can't really be panned using the usual method because the corners need to be avoided.I have managed to trace 'white' or 'not white' when the areas i don't want panned are visible but I can't figure out how to get the scrolling to stop! My code is as follows:
Code:
import flash.display.*;
import flash.events.*;
[code].....
I have an image panning to the left and right on mouse move. All this works fine but now I can't figure out how to stop the panning at the beginning and end of the image (it just goes on with the mouse move). Would be great if it would stop at the end and let the possibility to go back to the other end again. Here's my code:
Code:
import flash.events.MouseEvent;
var centreX:Number;
var steps:Number;[code].....
I have collection of images getting from xml. That images placed in tilelist, i need zooming while mouseover which one image.
View 2 Repliesthis tutorial. [URL]How can i disable this image panning?I'm trying to disable it, when i pressed some button..
View 3 RepliesIs there a way to that users can zoom in and out of an image and even drag/scroll around if the image is larger than the viewing window.I looking for a way to creativly display my portfolio in a limited area.
View 2 Replies[URL]How can i disable this image panning?I'm trying to disable it, when i pressed some button..
View 0 RepliesI saw the Interactive Image Panning tutorial (great one) and i whould like to know what modifications can be made on the tutorial actionscript in order to pan more than one image.
View 9 RepliesI have just found this forum today and boy am I glad I did! I have done the tutotrial "Interactive Image Panning", and have applied it to a gallery I am trying to create, but I can't get the scrolling to stop when the gallery reaches the edge of the stage[URL]..
View 6 RepliesI've been looking for a Flash component/tutorial I can use to make an interactive map. Now I've found the tutorial Interactive Image Panning here at Kirupa.
In that tut you go with the mouse to the right, and the image floats to the left...but here's the problem/question: I also want to get the image float to the bottom/top, when the mouse goes to top/bottom...
I've been working for awhile and I finally have the Mouse Pan to work. Now I can't seem to insert it into my project. It works fine if the object I am panning is on Frame 1. However if I move it to the correct frame (5) it throws the coding off. Does anyone perhaps know what I'm doing wrong. I have a playhead that moves down the timeline, when it stops on frame 5, that's when I want the image to be available and pann-able. [code]
View 1 RepliesI am using the panning image effect from the URL below:
[URL]
The problem i have is that I only want the image to start panning left and right at the point the mouse reaches the edge of the table. At the moment you get movement no matter where you are on the screen.
I have an image that is loaded into a scrollpane, which works fine. I have two buttons on the stage that I want the user to be able to click on in order to zoom in or out of the image that is loaded into the scrollpane. I can't seem to get these zoom buttons to work on the movieClip with the image that is loaded into the scrollpane.
Lastly, I don't know if this makes a difference, but this swf file is loaded upon release of another button on the root timeline of another swf.
I tried attaching a simplified version of this file to this message but even zipped I cant get it lower than 380kb. I can email it to anyone if they are interested.
I'm panning on an image 2kx2k pixels. Panning is working wonderfully. I added a scrollRect to the image container and test the mouse position. I'm trying to add zoom:
Main Movie -> PanClass Object -> Image
Container -> External Swf.
I have a couple test buttons that simply allow a user to zoom in or out on that image. I figured that by zooming in (adjusting x and y scale) of the external swf that my movie would scale and continue to pan which it does, but it is still panning at the original size of the image. I need it to pan in the same size window as before but with the new scaled dimensions. I've included the panImage function.
I have a photo gallery. All the photos are displayed as thumbnails. When a user clicks on a thumbnail, the preview will be displayed in a canvas with full size. Now, I want to zoom the displayed image as much as possible.
View 1 RepliesI have this .fla that loads and xml file along with several other classes. This purpose of this file is to zoom content. Whenever you use your cursor to zoom, it goes to the exact location where your mouse pointer is. My problem is --it only works fine when the image is 200px by 200px or less. The image that I wanna load will be at least 500 by 500. I tweaked the settings but the zoom zooms too slow or too fast. I think the image size conflicts with the zoom.
here is the code in .fla
--------------------------------------------
zoomer_mc.data = "prod1.xml";
[code].....
What ways exist to preserve the image quality after zooming (in or out)?
View 2 Replies've got an image slideshow that dynamically loads images from an XML file, and it works great.It loads an image, and fades into the next one, no problem.But I want the image loaded to be zoomed in, and slowly zoom out, while still fading to the next image when it gets to a certain point.
View 0 RepliesI want to zoom in and out on an image (it's actually a thumbnale which pops up). Or if you want, to have a small image 'grow' to a larger formatI tried it with scaling + tween, but it is hardly a smooth transition.
View 11 RepliesI come across this again and again in flash. Using the default timeline based tweening (with the FPS set to 24)...is there any way of smoothing out the jerkiness? any AS i can add on frame 1 for example?
View 1 RepliesI am developing a movie which panning an image. Following code works fine but it leaves blank area when i run it (when i switch to full screen at browser).
function panThisImage(target:MovieClip, speed:Number,speed1:Number, dir:int) {
var mousePercent:Number = mouseX / stage.stageWidth;
var mousePercent1:Number = mouseY / stage.stageHeight;[code]..................
I have this document in flash where I want an image to pan with mouse movement. When I test the movie it runs ok with any problem. But when I resize the window the position of the big image, it goes all wrong. I'm going crazy with this. Any help? I'll leave the link here so you can see the .fla document.
[URL]
And here is the code (Actionscript 2.0)
var boundX:Number = bigPic._x+activator._x*(bigPic._width/activator._width);
var diffX:Number = bigPic._width-activator._width;
var easeSpeed:Number = 7;
[code]....
I've been looking at the image panning tutorial over at [URL]
Basically the script makes the image scroll based on the direction of your mouse movement.
However what I want to do is, only make the image (bg_mc) scroll, whenever I mouseOver a certain area to the right and a certain area to the left. The blue shapes illustrate what I mean: [URL]
how I would go about modifying my current code, to do that. Lets assume my left scroll shape is named moveLeft and the right, moveRight.
ActionScript Code:
this.onMouseMove = function() {
constrainedMove(bg_mc, 4, 1);
};
[Code].....
I would like to enhance this effect by having the image return to center after it is moused off of. Currently, it will just stay where you left off. It would be neat if it returned at the same speed as it pans. I would love to see if this can be done for a client. Here is the code from the tutorial:
Code:
this.onMouseMove = function() {
constrainedMove(bg_mc, 4, 1);
[code].....
Just downloaded the interactive image panning fla and am using the code to move swatches that are buttons...
it works only problem is that once a button is clicked it still pans the buttons around as it is a onMouseMove function.This can confuse the user as they may think it has not been clicked.So what i want is for that panning to stop once one of the panning buttons is clicked.yet still have that panning function if the original button clicked is the wrong one and the user wants to scroll through them again.
