Adaptar imagen de fondo según tamaño de ventana

[ser2000]

Antes que nada pido disculpas, si ya existia un tema sobre ésto, pero he encontrado cosas parecidas, pero no lo mismo.

Mi problema es simple, quiero hacer hacer una web, donde la imagen de fondo se adapte al tamaño de la ventana, tal cual como éste sitio:
www.chicagolshirts.com

Alguien sabe como hacerlo?

Al uso, veo que está muy bien hecho, la posicion vertical de la imagen siempre está centrada, nunca se deja ver el fondo... está muy bien. Quiero eso! :)

Bueno, desde yá, muchas gracias!!

[jomaruro]

Hola:

Viendo el código fuente desde tu propio navegador y esforzándose un poquito descubrirías que el código en cuestión es este:

Código HTML:

<div id="backstretch" style="left: 0px; top: 0px; position: fixed; overflow: hidden; z-index: -9999;"><img style="position: relative; width: 1263px; height: 1058.01px; left: 0px; top: -328.005px;" src="_images/browngirl.jpg"></div>
 

Saludos.

[ser2000]

Hola jomaruro, gracias por tu respuesta.

Luego de ver el código en mi navegador, como tú dices, lo que vi fué justamente, que parte de los datos que tu mencionas, cambian dinámicamente cuando se ajusta las dimensiones de la ventana, por eso abrí éste hilo.

Prueba con Firebug abierto y ese fragmente de código a la vista, redimensionar la ventana, verás como los valores "width", "height" y "top" varian "al vuelo".
Supongo que será javascript haciendo de las suyas, pero no sé como hacerlo.

Alguien sabria como está hecho?
Gracias!

[ser2000]

nadie sabe? :S

[Techchic]

La verdad que yo tampoco se como puedes hacerlo, nunca me ha pasado, a ver si alquien nos ayuda....

----------------------

[ser2000]

Alguien que pueda aportar una pista?
:S

[jomaruro]

Hola:

Este es el script que cambia la dimensión del background: http://chicagolshirts.com/jquery.backstretch.min.js

Para más dudas mejor consulta en el foro de javascript.

Saludos.

[ser2000]

Buenísimo jomaruro, la respuesta estaba en la misma página :)

dejo el link directo de la página del creador del script, para que le sirva a otro.
http://www.srobbin.com/jquery-plugins/jquery-backstretch

Gracias!