EDIT
I have found 2 different Threads about the topic, which worked fine.
I was reading this post
… and it seems that it is close to what I am trying to achieve. However, the codes that they came up with don’t seem to work with mine. I attached the FLA.
Anybody has a solution so when the stage is scaled down smaller than the original image size, the image stops scaling. And the image doesn’t distort.
The best example is the eagle on http://www.marc-aurel.com/2007/ website. The eagle on the intro scales proportionately and the one when you go to campaign section behaves exactly like I would like to.
I’ve found the website here by the way, which was the starting point of my experimentation.
//stage properties
Stage.align = "TL";
Stage.scaleMode = "noScale";
//set initial positions
fullimage._height = Stage.height;
fullimage._width = Stage.width;
fullimage._x = 0;
fullimage._y = 0;
// end initial position setting
//creates a listener that checks to see if the browser window is resized
sizeListener = new Object();
sizeListener.onResize = function() {
// change movieclip properties when the window is resized.
fullimage._height = Stage.height;
fullimage._width = Stage.width;
};
Stage.addListener(sizeListener);
/* I TRIED ADDING THE FOLLOWING AND IT DOESN'T WORK
if(300 <= stage.stageWidth){
fullimage.width = stage.stageWidth;
fullimage.scaleY = fullimage.scaleX;
}else if(300 < stage.stageHeight){
fullimage.height = stage.stageHeight;
fullimage.scaleX = fullimage.scaleY;
}
*/