como mantener el tamaño de una imagen proporcional al navegador??

Hola mi duda es sobre la forma correcta de mantener una imagen proporcional al navegador, es decir, si este disminuye de tamaño, la imagen tambien, si este se restaura, este tambien,
Encontre algunas instrucciones de jquery me facilitan la redimencion de la imagen, pero no logro que se proporcione al tamaño del navegador. como podri hacerlo.??

Trate de usar la formula que aqui describen pero nada.
http://www.codigomanso.com/es/2009/03/escalar-una-imagen-manteniendo-el-aspecto/

En otro lugar que no recuerdo ahora encontre un codigo como este.. pero solo funciona para reducir, si se agranda sigue reduciendo la imagen.

Código ActionScript :

var maxW=$(window).width();

function dimenciona(){
      
   omaxW=$(window).width()-270;
   nuevo=Math.floor((omaxW*$('.laima img').width())/maxW);
   $('.laima img').width(nuevo);
}

$(window).resize(function(){
   dimenciona();                 
});

Alguna otra alternativa??

Me temo que tendrás que aclarar qué entiendes por "proporcional al navegador". Como yo lo entiendo, basta con hacer:
<img src="laimagen.jpg" width="100%" height="100%" />
Y listo.

No, checaste el codigo que puse, si lo copias y pegas, y modificas el tamaño de tu navegador, veras que la imagen que esta dentro del div laimagen cambia de tamaño
sin distorcionar la imagen, y la obcion que describes si lo pones dentro de un div, deforma la imagen al tamaño de este, y si cambias el tamaño de tu navegador no pasa nada.

Pero bueno de cualquier modo para mas claridad, lo que quiero hacer es algo como loque hace el plugin http://buildinternet.com/project/supersized/. Pero con imagenes dentro de divs, no al tamaño del navegador, descargalo pruebalo con imagenes de diferentes tamaños y veras mas o menos lo que quiero, otro ejemplo de lo que quiero es cuando tienes una pelicula flash, y reduces el swf, como se escala todo, en este caso
quiero lograr colocar una imagen dentro de un div, de modo que le de estilo al div, y poder poner la imagen donde yo quiera, pero al modificar el tamaño del navegador, la imagen tambien se modifique de manera proporcional.

Lo que tú quieres es que mantenga la proporción de escala según el tamaño de la ventana del navegador.

Usando CSS3 tienes la propiedad object-fit: contain; que hace exactamente lo que quieres.

ok lo probare, pero que hay de la compatibilidad, si el navegador no soporta css3??

Por eso queria hacerlo con javascript, o jquery.
De echo lo que mostre en el primer post, son funciones que manipulan anchos y altos del navegador y de la imagen en cuestion, lo unico que necesitaba era la formula matematica, para efectuar el ajuste "http://www.codigomanso.com/es/2009/03/escalar-una-imagen-manteniendo-el-aspecto/".

Lo mas cercano a lo que quiero que he encontrado es este plugin, pero se ajusta a todo el navegador. y yo quiero que se ajuste a un div, provadlo con imagenes de diferentes tamaños para que noten como trabaja:

http://buildinternet.com/project/supersized/

Acá puse como:

http://www.taringa.net/posts/hazlo-tu-mismo/15951338/Escalar-Imagen-con-JQuery.html

El detalle de hacer con CSS3 es compatibilidad de navegadores. ¿Ya probaste dándole un min-width específico y max-width: 100%?