Imagen de fondo a pantalla completa y que se escale
3 personas siguiendo
Buenas buenas, la siguiente es para ver si alguien sabe como se hace esto http://elitemodellookvenezuela.com/ es decir, como colocar la imagen de fondo pantalla completa y q se adapte según la resolución, aparte de que pueda cargar aleatoriamente varias imágenes, para que vena esto métanse en la pagina y denle actualizar para ver lo que quiero.
Muchas gracias
jmlweb
En CSS tendrías que detectar el tamaño de pantalla y en función de la resolución ofrecer una imagen u otra, lo que te obligaría a disponer de una imagen por cada resolución existente, lo cual es una locura.
En Flash no se si existirá alguna opción.
ernexbcn
Simplemente son imágenes grandes y la página es una tabla al 100% en x,y
No tiene más misterio que eso, puedes mirar el código fuente...
jmlweb
Si colocas una imagen de fondo y la imagen es más grande que la capa sólamente se mostrará una porción de la imagen.
Por contra, si tenemos una imagen que mida 1600px por 1200px (por poner un ejemplo) y nuestra capa es más grande, se mostrará la imagen que no llega a cubrir toda la capa.
ernexbcn
JML
Si colocas una imagen de fondo y la imagen es más grande que la capa sólamente se mostrará una porción de la imagen.
Por contra, si tenemos una imagen que mida 1600px por 1200px (por poner un ejemplo) y nuestra capa es más grande, se mostrará la imagen que no llega a cubrir toda la capa.
Si, lo miré por muy encima, dentro de la tabla lo que está es el Flash de la esquinica.
My bad.
jmlweb
Lo único que puedes hacer es crear una capa contenedora de x píxeles de ancho (por ejemplo 960px) que sea la que contiene la foto en cuestión y le aplicas a esa capa la propiedad CSS margin: 10px auto. Con esto le estamos diciendo que arriba y abajo de esta capa deje 10px de margen y que la centre en horizontal (por eso el auto)
Luego al body le aplicas con una propiedad CSS o bien un fondo que te guste o bien un patrón, a gusto del consumidor. Con esto tendrás tu foto en el tamaño deseado.