Comunidad de diseño web y desarrollo en internet online

Fondo variable

Citar            
MensajeEscrito el 14 Jul 2011 05:43 pm
Hola a todos de nuevo!
me podriais decir como hacer este tipo de fondo dinamico?
http://rbelion.es/

Muchas gracias!

Por paucarsab

26 de clabLevel



 

firefox
Citar            
MensajeEscrito el 16 Jul 2011 03:23 am
Eso tiene pinta de ser un slider que ocupa un buen porcentaje de la pantalla. (digo puede ser porque ami no me funciona)

Pero si queres por ejemplo que al apretar un boton y te cambie el abrckground.

Podes hacerlo desde jquery o de javascript nativo con DOM.

con js nativo seria algo asi
<html>
<head>

Código :

<script type="text/javascript">

function cambioBg(x1)
{
   if(x1 == 1)
   {
        document.body.style.backgroundImage = 'rutadelaimagen';
        document.body.style.backgroundColor = '#F00'; 
        
   }else if(x1 == 2)
    {
      document.body.style.backgroundImage = 'rutadelaimagen';
        document.body.style.backgroundColor = '#666'; 
    }
   else if(x1 == 3)
    {
      document.body.style.backgroundImage = 'rutadelaimagen';
        document.body.style.backgroundColor = 'blue'; 
    }


}
</script>
</head>

<body>
<body>
<div class="boton" onclick="return cambioBg(1)">boton1</div>
<div class="boton" onclick="return cambioBg(2)">boton2</div>
<div class="boton" onclick="return cambioBg(3)">boton3</div>
</body>
</body>
</html>


Ni lo probe el codigo, igual creo que esta bien

Por yoelotero

51 de clabLevel



Genero:Masculino  

Programador web.

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.