Cambiar background dependiendo la resolución del cliente.

erponcios · #1 (**permalink**) 12/02/2007, 19:59

Buenas gente.

Aquí tengo un código que les muestro que sirve para cambiar la resolución dependiendo la que tenga el cliente.

<body>

<script language="JavaScript">

if (screen.width + "x" +screen.height == "800x600") document.body.style.backgroundImage = "url(fondo8.jpg)";
if (screen.width + "x" +screen.height == "1024x768") document.body.style.backgroundImage = "url(fondo10.jpg)";
if (screen.width + "x" +screen.height == "1280x1024") document.body.style.backgroundImage = "url(fondo12.jpg)";
if (screen.width + "x" +screen.height == "1600x1200") document.body.style.backgroundImage = "url(fondo16.jpg)";

</script>

El problema esta, en que en algunos ordenador va y en otro no... no se porque.

Mi pregunta es si sabeís si hay alguna otra forma de hacerlo con alguna otra propiedad para probar a ver si va en todos los ordenadores.

Un saludo y muchas gracias de ante mano.

JavierB · #2 (**permalink**) 13/02/2007, 02:06

Hola erponcios

Prueba metiendo el código en una funcion:

function ini() {
f (screen.width + "x" +screen.height == "800x600")...
...
}

y llamandola desde el evento onload

<body onload="ini()">

Mensaje movido al foro de JavaScript desde Css.

Saludos,

MikiBroki · #3 (**permalink**) 13/02/2007, 03:13

Puede que algún navegador en vez de devolverte por ejemplo "800" te devuelva "800px". Compruébalo poniendo el resultado en un alert.

No sé si te interesa controlar la resolución también al redimensionar la ventana, para ello pon el código en un "window.onresize = function(){ ... }"

Salu2