How to resize images proportionally / keeping the aspect ratio?

Question

I have images that will be quite big in dimension and I want to shrink them down with jQuery while keeping the proportions constrained, i.e. the same aspect ratio.

C

Answer 1

The resize can be achieved(maintaining aspect ratio) using CSS. This is a further simplified answer inspired by Dan Dascalescu's post.

http://jsbin.com/viqare

img{
     max-width:200px;
 /*Or define max-height*/
  }