# Resize and reposition dynamic image

**URL:** <https://forum.kirupa.com/t/resize-and-reposition-dynamic-image/208977>\
**Category:** Uncategorized\
**Created:** [December 4, 2006, 10:26pm UTC](https://forum.kirupa.com/t/resize-and-reposition-dynamic-image/208977 "2006-12-04T22:26:23Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![dColumbus](https://avatars.discourse-cdn.com/v4/letter/d/edb3f5/32.png) [@dColumbus](https://forum.kirupa.com/u/dColumbus)\
**Post date:** [December 4, 2006, 10:26pm UTC](https://forum.kirupa.com/t/resize-and-reposition-dynamic-image/208977/1 "2006-12-04T22:26:23Z")

</div>

This has been addressed in several topics within the forum, but not quite like what I need…

I’m currently building an application that allows users to “import” uploaded images into the FUI and move them around to place them where they want. I have three seperate sections where they can do this and each section has a different maxWidth and maxHeight… What I’m trying to accomplich is to be able dynamically bring the image in resize it so that it fits within the \_root.maxWidth and \_root.maxHeight, while constraining the proportions, THEN I need it to be be placed (if needed) within the boundry of the section they are importing the image to…

I’m grabbing the image via the tree component and continuing from there… here is my code.

```auto

myTreeDataProvider = new XML();
myTreeDataProvider.ignoreWhite = true;
myTreeDataProvider.load("tree_source.xml");
myTreeDataProvider.onLoad = function() {
 myTree.dataProvider = myTreeDataProvider;
};
myTreeListener = new Object();
myTreeListener.change = function(eventObject) {
 // the selected node
 var theSelectedNode = eventObject.target.selectedNode;
 // the label of the selected node
 var theSelectedNodeLabel = theSelectedNode.attributes.label;
 var theSelectedNodePath = theSelectedNode.attributes.imgPath;
 // add a status message to the status message text area component
 loadMovie(theSelectedNodePath, "thumbnailDisplay");
 if (theSelectedNode.hasChildNodes()) {
 } else {
  statusTxt.text = "Loading Image...";
 }
};
var tempImageBoxHolder;
var tempImageBoxHolderHolder;
// add the event listeners
myTree.addEventListener("nodeOpen", myTreeListener);
myTree.addEventListener("nodeClose", myTreeListener);
myTree.addEventListener("change", myTreeListener);
insertBtn.onRelease = function() {
 _root.currentAccess.imageArea.gotoAndStop(1);
 tempImageBoxHolder = _root.currentAccess.attachMovie("imageBoxHolder", "imageBoxHolder"+String(tempLevel), tempLevel);
 tempImageBoxHolder._x = iBoxX;
 tempImageBoxHolder._y = iBoxY;
 tempImageBoxHolderHolder = tempImageBoxHolder.attachMovie("imagePlaceHolder", "imagePlaceHolder"+String(tempLevel), tempLevel);
 loadPath = tempImageBoxHolderHolder;
 loadMovie(thumbnailDisplay._url, loadPath);
 var mclListener:Object = new Object();
 mclListener.onLoadInit = function(loadPath:MovieClip) {
  if (_root.currentSection eq "header") {
   trace("im the header section");
  } else if (_root.currentSection eq "content") {
   trace("im the content section");
  } else if (_root.currentSection eq "footer") {
   trace("im the footer section");
  }
  maxHeight = _root.totalHeight;
  maxWidth = _root.totalWidth;
  if (tempImageBoxHolder._height>maxHeight) {
   tempImageBoxHolder._height = maxHeight;
   tempImageBoxHolder._yscale = tempImageBoxHolder._xscale=100;
   tempImageBoxHolder._y = 0;
  } else if (tempImageBoxHolder._width>maxWidth) {
   tempImageBoxHolder._height = maxWidth;
   tempImageBoxHolder._xscale = tempImageBoxHolder._yscale=100;
   tempImageBoxHolder._x = 0;
  }
  newX = tempImageBoxHolder._x+tempImageBoxHolder._width;
  newY = tempImageBoxHolder._y+tempImageBoxHolder._height;
  trace(newY);
  if (newX>maxWidth) {
   tempImageBoxHolder._x = 0;
  } else if (newY>maxHeight) {
   tempImageBoxHolder._y = 0;
  }
 };
 var image_mcl:MovieClipLoader = new MovieClipLoader();
 image_mcl.addListener(mclListener);
 image_mcl.loadClip(thumbnailDisplay._url, loadPath);
 _root.a = thumbnailDisplay._url;
 _root.browseImage._visible = false;
 _root.theTarget.image = true;
 _root.imageBtn.selected = true;
};
cancelBtn.onRelease = function() {
 _root.currentAccess.imageBoxCount--;
 _root.currentAccess.imageArea.gotoAndStop(1);
 _root.browseImage._visible = false;
};
this.myTree.setStyle("indentation", -1);

```

if you feel that the code could be simplified, or reorganized, please help me out in the process… thanks so much!