Resizing image while maintaining aspect ratio

[Andrew Poulos]

My page opens in a new window at a predetermined size so I can set the
relative size of an image in the page to maintain its correct aspect
ratio. When the user resize the window the page's content are resized
accordingly (as they are sized proportionally).

What happens though is that a square image can end up as a long thin
rectangle. How can I code it so that the image's aspect ratio is maintained?

Andrew Poulos

 

[Evertjan.]

Andrew Poulos wrote on 31 mrt 2009 in comp.lang.javascript:

My page opens in a new window at a predetermined size so I can set the
relative size of an image in the page to maintain its correct aspect
ratio. When the user resize the window the page's content are resized
accordingly (as they are sized proportionally).

What happens though is that a square image can end up as a long thin
rectangle. How can I code it so that the image's aspect ratio is
maintained?

Show your javasascript code [please only the relevant part],
ad we can comment on the flaw.

However, you do not need javascript, css style will be enough.

 

[Thomas 'PointedEars' Lahn]

My page opens in a new window at a predetermined size so I can set the
relative size of an image in the page to maintain its correct aspect
ratio. When the user resize the window the page's content are resized
accordingly (as they are sized proportionally).

What happens though is that a square image can end up as a long thin
rectangle. How can I code it so that the image's aspect ratio is maintained?

Use CSS:

img {
width: 100%;
}

PointedEars