Mostrar imagen un determinado dia

Polkiko · #1 (**permalink**) 04/08/2011, 17:25

Hola,

<<Antes que nada no se si es posible realizar esto con javascript

>>
Necesito ayuda de algún experto en javascript para que intente desarollar un codigo para poder mostrar una imagen, un determinado dia
Por ejemplo:
Dia 10 de agosto (mostrar una imagen (link))
Dia 11 de agosto (mostrar imagen 2)
Y asi...

Por supuesto se que con javascript, solamente nos quedaria ajustar la fecha con un servidor; pero ya se sabe que solo lee la hora en tu PC

Espero alguien me pueda ayudar con mi problema
Un saludo y si no me entendieron diganmelo y se lo explico mas despacito

ceSharp · #2 (**permalink**) 05/08/2011, 01:07

buenas,

con un sencillo
var fecha = new Date();
ya tienes la fecha del día
además usando fecha.getDay(), fecha.getMonth() y fecha.getFullYear() sobre esa variable 'fecha', que acabamos de crear, obtienes el mismo dato por separado (el dia, mes y el año)
ya con eso puedes diferenciar cada día, y en función de eso mostrar una u otra imagen, a tu gusto.

saludos.

patkoala · #3 (**permalink**) 05/08/2011, 04:47

Para coger la fecha del servidor

Cita:

var fecha = new Date(<?php echo date("Y"); ?>,<?php echo date("m"); ?>,<?php echo date("d"); ?>);

Si quieres uno por cada dia del mes:

Código Javascript:

Ver originalvar imagen = document.getElementById('imagen');
imagen.src=fecha.getDate() + ".png";

Si quieres uno por cada dia de la semana:

Código Javascript:

Ver originalvar imagen = document.getElementById('imagen');
imagen.src =fecha.getDay() + ".png";

Se podría personalizar para poner uno diferente por cada dia de cada mes, por cada dia del año,... pero esta es una idea de como hacerlo.
Un saludo

Polkiko · #4 (**permalink**) 05/08/2011, 06:30

Cita:

Iniciado por patkoala

Para coger la fecha del servidor
Si quieres uno por cada dia del mes:

Código Javascript:

Ver originalvar imagen = document.getElementById('imagen');
imagen.src=fecha.getDate() + ".png";

Si quieres uno por cada dia de la semana:

Código Javascript:

Ver originalvar imagen = document.getElementById('imagen');
imagen.src =fecha.getDay() + ".png";

Se podría personalizar para poner uno diferente por cada dia de cada mes, por cada dia del año,... pero esta es una idea de como hacerlo.
Un saludo

Puff...

No consigo aclararme

Lo que pretendo hacer es poner una imagen cada dia de la semana

LUNES - IMAGEN 1
MARTES - IMAGEN 2
...
Aunque si es muy complicado con imagenes para mi nivel, seria solo texto

patkoala · #5 (**permalink**) 05/08/2011, 06:39

Este es un ejemplo del funcionamiento:

Código HTML:

<html><head><script type="text/javascript">
//Esto solo funcionará si tu servidor tiene PHP
var fecha = new Date(<?php echo date(Y); ?>,<?php echo date(m); ?>,<?php echo date(d); ?>);
var imagen = document.getElementById('imagen');
//0.png = domingo,1.png=lunes,2.png=martes...
imagen.src = fecha.getDay() + ".png";
</script>
</head><body><img id="imagen"></body></html>

Polkiko · #6 (**permalink**) 05/08/2011, 15:54

Cita:

Iniciado por patkoala

Este es un ejemplo del funcionamiento:

Código HTML:

<html><head><script type="text/javascript">
//Esto solo funcionará si tu servidor tiene PHP
var fecha = new Date(<?php echo date(Y); ?>,<?php echo date(m); ?>,<?php echo date(d); ?>);
var imagen = document.getElementById('imagen');
//0.png = domingo,1.png=lunes,2.png=martes...
imagen.src = fecha.getDay() + ".png";
</script>
</head><body><img id="imagen"></body></html>

No me aclaro, tengo que aprender mas

Y con texto sería mas facil?

EDITO:
No tengo PHP jejejeje

patkoala · #7 (**permalink**) 06/08/2011, 00:54

Pues, si no tienes PHP, te deberia funcionar así:

Código HTML:

<html><head><script type="text/javascript">
var fecha = new Date();
var imagen = document.getElementById('imagen');
//0.png = domingo,1.png=lunes,2.png=martes...
imagen.src = fecha.getDay() + ".png";
</script>
</head><body><img id="imagen"></body></html>

Y ahora te lo explico un poco más.
Tienes que tener en tu servidor 7 imágenes(una por día).
Por ejemplo, para el lunes, sea 1.png, para el martes, 2.png, etc.
Y otra cosa importante, tienes que tener una marca <img> con id="imagen".
Y eso es todo, así te deberia funcionar.
Un saludo y suerte :)