Fotografía de fondo
3 seguidores
Hola.
Despues de ver unas cuantas webs ultimamente con fotografías como fondo me surgen unas cuantas dudas...
Porque veamos, lo mires en la resolución que lo mires, siempre salen perfectas. Esta web es un ejemplo
¿Que pasa que tienes que poner en el server la misma imagen con chopocientas resoluciones o como va el tema?
(Ya vereis como es algo super tonto y yo me estoy rallando la cabeza...)
Muchas gracias :D
zguillez
Solo necesitas una imagen de suficiente calidad para que al escalarse se siga viendo bien. Lo unico que haces es adaptarla al tamaño de pantalla.
Aqui puedes ver un ejemplo que escribçi hace tiempo.
http://www.codigoactionscript.org/fondo-bitmap-que-se-ajusta-al-tamano-del-navegador-en-flash/
Aqui puedes ver el resultado: http://www.cristalab.com/files/ejemplos/fondobitmap/fondofull.html
Espero que te sea de ayuda.
JamalDols
Ya sabía yo que era algo facil de hacer, muchas gracias zguillez, ahora otro tema. ¿Para hacer esto fuera de flash? Vamos, con CSS?
Gracias ;)
serka
He mirado un poco el código y esta el al técnica que utilizan:
Por un lado la estructura html (consigo pegar el código real):
dic#bg{ div{ table{ tr{ td{ img }}}}}
y este el el css que utilizan:
* {
border:0px solid #eee;
margin:0;
padding:0;
}
html, body, #bg, #bg table, #bg td {
width:100%;
height:100%;
overflow:hidden
}
#bg div {
position:absolute;
width:200%;
height:200%;
top:-50%;
left:-50%
}
#bg td {
vertical-align:middle;
text-align:center
}
#bg img {
display:block
min-height:50%;
min-width:50%;
margin:0 auto
}
Saludos
JamalDols
Me lo apunto, muchísimas gracias serka ;)