efecto imagen de fondo flexible

[engonga]

he mirado esta web

http://wearecuko.com/

y veo que la primera imagen es flexible, tanto sea de altura como de ancho

veo que en el codigo tienes esto

Código HTML:

<div id="bg" class="bg" data-img-height-3="1080" data-img-width-3="1920" data-img-3="/img/bg/home-bg-1920.jpg" data-img-height-2="900" data-img-width-2="1440" data-img-2="/img/bg/home-bg-1440.jpg" data-img-height-1="800" data-img-width-1="1280" data-img-1="/img/bg/home-bg-1280.jpg" style="height: 833px;"> … </div> 

no entiendo los data-img para que sirven lo que si que veo es que el Style="height..." lo cambia al vuelo si hacer la ventana mas alta o mas baja.

he estado mirando a ver como se puede hacer y voy investigando...

pero si alguien sabe algo o puede hacer alguna aportación se agradece!

[PHPeros]

Eso se puede hacer con CSS3:

Código CSS:

#imagen{
-moz-box-flex:1.0; 
-webkit-box-flex:1.0;
-ms-flex:1.0;
box-flex:1.0;
}
 

Saludos

[engonga]

pero no es una imagen de fondo verdad?

[PHPeros]

No, tampoco tendría sentido hacer eso

[engonga]

creo que si tendría sentido, ya que si quiero una full image background?

[PHPeros]

Pues lo de la web es una imagen, no un background...

[engonga]

seeee

el problema pasa con webs de este tipo que son scroll infitito... es que estoy viendo de hacer una cosa como esta pero me lleva loco

[Dalam]

mirate esta pagina y si tienes algun problema admelo saber.
http://jsfiddle.net/gaby/3YLQf/

[IsaBelM]

échale un vistazo a este tutorial de kseso?

[sonickseven]

pues yo por lo que vi se puede hacer con CSS3 y sin la etiqueta img se puede poner como imagen de background mira lo aria con un transition y un background size seria mas o menos esto:

Código CSS:

div{width: 70px; height:70px; background: url("../images/add.png") repeat scroll 0 0 / 100% auto transparent;
transition:background 2s;
-moz-transition:background 2s;
-webkit-transition: background 2s; 
-o-transition:background 2s;}
div:hover{background-size: 110% auto !important;}
 

espero te ayude claro te digo no es una imagen es un background