Zoom and Pan

[HC]

I'm looking for a behaviour that will allow a user to zoom in and out on an
image and pan it by dragging the mouse in any direction. Is there something
available, or a sample FLA file I can learn from?

Thanks

[\Martin Voegeli, vom\]

"HC" wrote:

> I'm looking for a behaviour that will allow a user to zoom in
> and out on an image and pan it by dragging the mouse in any
> direction. Is there something available, or a sample FLA file
> I can learn from? Thanks

Fortunately, I have an example online. I'm not very accurate in the
example. I use the centerpoint of "clipImage" (MovieClip) for the
zooming center (and not the center of the rectangle masking the image):

[url]http://birdy1976.com/2004/zoom-image-or-movieclip.html[/url]

// place this code in the main timeline
// and associate the functions with buttons:
function zoomIn() {
clipImage._xscale *= 1.1;
clipImage._yscale *= 1.1;
}
function zoomOut() {
clipImage._xscale *= 0.9;
clipImage._yscale *= 0.9;
}

// place this code on "clipImage":
onClipEvent (load) {
this.onPress = function() {
this.startDrag();
};
this.onRelease = function() {
this.stopDrag();
};
}

Best wishes, Martin ;) * [url]http://birdy1976.com/[/url] * ICQ# 237743398

[HC]

Thanks for the help!

Harv

""Martin Voegeli, vom"" <MartinVoegeli@gmx.ch> wrote in message
news:bup0ma$ka99g$1@ID-169229.news.uni-berlin.de...

> "HC" wrote:

> > I'm looking for a behaviour that will allow a user to zoom in
> > and out on an image and pan it by dragging the mouse in any
> > direction. Is there something available, or a sample FLA file
> > I can learn from? Thanks

>
> Fortunately, I have an example online. I'm not very accurate in the
> example. I use the centerpoint of "clipImage" (MovieClip) for the
> zooming center (and not the center of the rectangle masking the image):
>
> [url]http://birdy1976.com/2004/zoom-image-or-movieclip.html[/url]
>
> // place this code in the main timeline
> // and associate the functions with buttons:
> function zoomIn() {
> clipImage._xscale *= 1.1;
> clipImage._yscale *= 1.1;
> }
> function zoomOut() {
> clipImage._xscale *= 0.9;
> clipImage._yscale *= 0.9;
> }
>
> // place this code on "clipImage":
> onClipEvent (load) {
> this.onPress = function() {
> this.startDrag();
> };
> this.onRelease = function() {
> this.stopDrag();
> };
> }
>
> Best wishes, Martin ;) * [url]http://birdy1976.com/[/url] * ICQ# 237743398
>
>

[Anker]

I'm looking for a quick receipe on zoom and pan buttons? Need it for a map
with a lot of detail.

Anker

[Nex]

have you considered using the magnifying glass idea? it's a lot of fun
and easier than clicking on pan & zoom buttons all the time.

try [url]www.flashkit.com[/url] for a few fla's to get you going

Nex




On Mon, 5 Apr 2004 10:25:21 +0200, "Anker" <an@rfsf.dk> wrote:

>I'm looking for a quick receipe on zoom and pan buttons? Need it for a map
>with a lot of detail.
>
>Anker
>

[Unregistered]

Is there a way to put limits onto how much it zooms and drags?