# Fullscreen image/stage - No Image Distortion?

**URL:** <https://forum.kirupa.com/t/fullscreen-image-stage-no-image-distortion/233147>\
**Category:** flash\
**Created:** [July 20, 2007, 3:10pm UTC](https://forum.kirupa.com/t/fullscreen-image-stage-no-image-distortion/233147 "2007-07-20T15:10:03Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![artriste](https://avatars.discourse-cdn.com/v4/letter/a/f475e1/32.png) [@artriste](https://forum.kirupa.com/u/artriste)\
**Post date:** [July 20, 2007, 3:10pm UTC](https://forum.kirupa.com/t/fullscreen-image-stage-no-image-distortion/233147/1 "2007-07-20T15:10:03Z")

</div>

* * *

_EDIT_  
I have found 2 different Threads about the topic, which worked fine.

> **[\[AS3\] Full browser back ground with smoothing](https://www.kirupa.com/forum/showthread.php?t=268979)**
>
> Got a web design/development question or just want to hang out with the most awesome people on the planet? Drop on in!

  

> **[Full browser images](https://www.kirupa.com/forum/showthread.php?t=252734)**
>
> Got a web design/development question or just want to hang out with the most awesome people on the planet? Drop on in!

* * *

I was reading [this post](http://www.kirupa.com/forum/showthread.php?t=268954)  
… 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/](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](http://www.kirupa.com/forum/showthread.php?t=268747&highlight=100%25) by the way, which was the starting point of my experimentation.

```auto
//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;
}  

*/

```