Foros del Web - Ver Mensaje Individual

Nemutagk · #3 (**permalink**) 08/07/2010, 09:36

Tener mas de una página solo por cambiar el fondo o_O no se me hace viable...

Lo que quieres hacer es sencillo con javascript....

Código Javascript:

Ver originalfunction changeBackground() {
var fondos = {
'800'=>'imagen800.jpg',
'1024'=>'imagen1024.jpg',
'1280'=>'imagen1280.jpg',
'default'=>'imagenparaotrasresoluciones.jpg'
}
 
var ancho = screen.width;
 
if (parseInt(ancho) > parseInt(800) && parseInt(ancho) < parseInt(1280)) {
 document.body.style.backgroundImage= "url("+ fondos['ancho'] +");";
}else {
 document.body.style.backgroundImage= "url("+ fondos['default'] +");";
}
}

Despues en el body agregas esto

Código HTML:

Ver original</header>
<--! Despues del header en el tag body agregas lo siguiente -->
<body onload="javascript:changeBackground()">

Verifica antes el código que acabo de poner, ya que lo he hecho sobre la marcha y no eh verificado si tiene errores

Actualización: Se me olvidaba que no sabes nada de HTML >.<, al final tendrias que tener algo así, obviamente modificalo a tus necesidades...

Código HTML:

Ver original<html>
<header>
<title>Titulo de tu pagina</title>
<script type="text/javascript">
function changeBackground() {
var fondos = {
'800'=>'imagen800.jpg',
'1024'=>'imagen1024.jpg',
'1280'=>'imagen1280.jpg',
'default'=>'imagenparaotrasresoluciones.jpg'
}
 
var ancho = screen.width;
 
if (parseInt(ancho) > parseInt(800) && parseInt(ancho) < parseInt(1280)) {
 document.body.style.backgroundImage= "url("+ fondos['ancho'] +");";
}else {
 document.body.style.backgroundImage= "url("+ fondos['default'] +");";
}
}
</script>
</header>
<--! Despues del header en el tag body agregas lo siguiente -->
<body onload="javascript:changeBackground()">