Cambio de fondo de pagina web con css

jrodriguez30 · #1 (**permalink**) 17/03/2010, 09:17

Buenos dias, tengo una consulta, necesito saber si es posible cambiiar dinamicamente el fondo de pantalla de mi pagina web, segun el mes que sea estilo Google.... ahora mismo tengo mi fondo estatico en un css llamado body.... pero me gustaria que este sea dinamico...

RusO91 · #2 (**permalink**) 17/03/2010, 09:53

si, se hace con php.

Dnielf · #3 (**permalink**) 17/03/2010, 09:56

aún no sé el script pero podría hacerse con javascript mediante el objeto date y getMonth() ?

pro_jorge · #4 (**permalink**) 17/03/2010, 10:02

Puedes utilizar JavaScript como en tutores.org:

<-- Codigo ofrecido por Tutores.org -->
<body>
<script language="JavaScript">
hoy = new Date;
mes = (hoy.getMonth())+1;
if(mes==1)
{
document.write('<IMG SRC="imagen_enero.gif" >')
}
if(mes==2)
{
document.write('<IMG SRC="imagen_febrero.gif" >')
}
if(mes==3)
{
document.write('<IMG SRC="imagen_marzo.gif" >')
}
if(mes==4)
{
document.write('<IMG SRC="imagen_abril" >')
}
if(mes==5)
{
document.write('<IMG SRC="imagen_mayo" >')
}
if(mes==6)
{
document.write('<IMG SRC="imagen_junio.gif" >')
}
if(mes==7)
{
document.write('<IMG SRC="imagen_julio.gif" >')
}
if(mes==8)
{
document.write('<IMG SRC="imagen_agosto.gif" >')
}
if(mes==9)
{
document.write('<IMG SRC="imagen_septiembre" >')
}
if(mes==10)
{
document.write('<IMG SRC="imagen_octubre.gif" >')
}
if(mes==11)
{
document.write('<IMG SRC="imagen_noviembre.gif" >')
}
if(mes==12)
{
document.write('<IMG SRC="imagen_diciembre.gif" >')
}
</script>
</body>

Espero haberte sido de ayuda.

jrodriguez30 · #5 (**permalink**) 17/03/2010, 10:08

Cita:

Iniciado por pro_jorge

Puedes utilizar JavaScript como en tutores.org:

<-- Codigo ofrecido por Tutores.org -->
<body>
<script language="JavaScript">
hoy = new Date;
mes = (hoy.getMonth())+1;
if(mes==1)
{
document.write('<IMG SRC="imagen_enero.gif" >')
}
if(mes==2)
{
document.write('<IMG SRC="imagen_febrero.gif" >')
}
if(mes==3)
{
document.write('<IMG SRC="imagen_marzo.gif" >')
}
if(mes==4)
{
document.write('<IMG SRC="imagen_abril" >')
}
if(mes==5)
{
document.write('<IMG SRC="imagen_mayo" >')
}
if(mes==6)
{
document.write('<IMG SRC="imagen_junio.gif" >')
}
if(mes==7)
{
document.write('<IMG SRC="imagen_julio.gif" >')
}
if(mes==8)
{
document.write('<IMG SRC="imagen_agosto.gif" >')
}
if(mes==9)
{
document.write('<IMG SRC="imagen_septiembre" >')
}
if(mes==10)
{
document.write('<IMG SRC="imagen_octubre.gif" >')
}
if(mes==11)
{
document.write('<IMG SRC="imagen_noviembre.gif" >')
}
if(mes==12)
{
document.write('<IMG SRC="imagen_diciembre.gif" >')
}
</script>
</body>

Espero haberte sido de ayuda.

Muchas gracias.... este js se mete directamente en el css o tiene que ser en la pagina????