Countdown image

[javimarcal]

Hola estimado foro,

Partiendo de que soy novato en el tema, agradezco me echen una mano en el caso que propongo. El objetivo es mediante un contador hacia atrás hasta llegar a una determinada fecha o bien definiendo un número de días y una fecha inicial. En dicho contador consta de imágenes en vez de números y las imágenes van cambiando una vez por día.

Desconozco qué código es mejor para este caso pero creo y perdona la ignorancia, sería el Javascript o JQuery. Habrá quién piense que es mejor el PHP pero confío en vuestra resolución.

Espero y agradezco de antemano vuestra pronta respuesta. Reciban un saludo!

Javimarcal

[javimarcal]

Alguien me puede ayudar por favor...

[Mazterrr]

Yo estoy necesitando algo similar una cuenta regresiva de 30 dias con imagenes en orden, es decir tengo 30 imagenes jpg (30.jpg, 29.jpg, ..............0.jpg) y necesito cambiar una diaria, hasta pasar los 30 dias y llegue a la imagen 0.jpg


vamos ayudennos

[javimarcal]

Hola Mazterrr, y yo igual pero en vez de 30, son 150 días

[javimarcal]

Al final he dado con este código pero cómo puedo definir la fecha inicial y/o final como referencia?

A continuación adjunto el código:

<script language=javascript>
dias=new Date();
day=dias.getDay();
var numerosimagenes= 16;
images = new Array(numerosimagenes+1);
images[0] = "<img src='#/foto150.jpg' style='width: 100%; height: auto;'>";
images[1] = "<img src='#/foto149.jpg' style='width: 100%; height: auto;'>";
images[2] = "<img src='#/foto148.jpg' style='width: 100%; height: auto;'>";
images[3] = "<img src='#/foto147.jpg' style='width: 100%; height: auto;'>";
images[4] = "<img src='#/foto146.jpg' style='width: 100%; height: auto;'>";
images[5] = "<img src='#/foto145.jpg' style='width: 100%; height: auto;'>";
images[6] = "<img src='#/foto144.jpg' style='width: 100%; height: auto;'>";
images[7] = "<img src='#/foto143.jpg' style='width: 100%; height: auto;'>";
images[8] = "<img src='#/foto142.jpg' style='width: 100%; height: auto;'>";
images[9] = "<img src='#/foto141.jpg' style='width: 100%; height: auto;'>";
images[10] = "<img src='#/foto140.jpg' style='width: 100%; height: auto;'>";
images[11] = "<img src='#/foto139.jpg' style='width: 100%; height: auto;'>";
images[12] = "<img src='#/foto138.jpg' style='width: 100%; height: auto;'>";
images[13] = "<img src='#/foto137.jpg' style='width: 100%; height: auto;'>";
images[14] = "<img src='#/foto136.jpg' style='width: 100%; height: auto;'>";
images[15] = "<img src='#/foto135.jpg' style='width: 100%; height: auto;'>";
document.write(images[day]);
</script>

Espero vuestra valiosa ayuda. Reciban un cordial saludo.