# ZoomPane Component

**URL:** <https://forum.kirupa.com/t/zoompane-component/251076>\
**Category:** open source\
**Created:** [February 5, 2008, 7:12am UTC](https://forum.kirupa.com/t/zoompane-component/251076 "2008-02-05T07:12:15Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![slopps](https://avatars.discourse-cdn.com/v4/letter/s/df788c/32.png) [@slopps](https://forum.kirupa.com/u/slopps)\
**Post date:** [February 5, 2008, 7:12am UTC](https://forum.kirupa.com/t/zoompane-component/251076/1 "2008-02-05T07:12:15Z")

</div>

[![](http://forum.kirupa.com/uploads/kirupa/4292/1edb6660b5dc84ff.jpg)](http://sammyjoeosborne.com/Examples/ZoomPane/ZoomPaneExample.html)

I wrote a ZoomPane component. Just like a ScrollPane but makes content zoomable. All properties can be set in parameters panel or controlled with actionscript. Marquee code taken from [Senocular.com](http://Senocular.com) (Thanks!). Would love to hear feedback. I’ll post some features below links.

[Example](http://sammyjoeosborne.com/Examples/ZoomPane/ZoomPaneExample.html)

[Install MXP](http://sammyjoeosborne.com/Downloads/ZoomPane/ZoomPane.mxp)

[Source code](http://sammyjoeosborne.com/SourceCode/ZoomPane/ZoomPaneSource.html)

Properties:  
content:MovieClip - get the MovieClip object set as content in the ZoomPane  
contentPath:String - get/set the content of the ZoomPane using the desired objects ID path

zoomFactor:Number - get/set the zoom factor  
autoSize:String - get/set (values: “true” or “false”). If true, auto sizes the ZoomPane to fit the content

ZoomInButton\_Name:String - get/set the zoom-in button instance name if you dont want the default buttons  
zoomInButton:MovieClip - get the MovieClip representing the zoom-in button  
ZoomOutButton\_Name:String - get/set the zoom-out button instance name if you dont want the default buttons  
zoomOutButton:MovieClip - get the MovieClip representing the zoom-out button

ZoomInIcon:String - get/sets the identifier path of the zoom-in mouse icon