Mostrar imagenes segun fecha y hora determinada.

quink3216 · #1 (**permalink**) 06/02/2011, 07:44

Saludos!!

Habro tema porque no consigo encontrar soluciones para el codigo que busco..

Quiero saber como puedo mostrar una imagen segun una fecha y hora determinadas..

Me explico mejor..quiero que salga una imagen fija durante la semana y otra durande el finde de semana..que se pueda programar,o bien que salga de sabado o bien que salga de domingo..dependiendo de la hora y que vuelva a cambiar finalizada la hora desterminada, por ejemplo:

Imagen1(durante semana) - imagen2 (sabado de 14.00h a 15.00h) - Imagen1 (al finalizar a las 15.00h)

espero haberme expresado bien

gracias de antemano y un saludo

_cronos2 · #2 (**permalink**) 06/02/2011, 08:19

Prueba con algo así:

Código Javascript:

Ver originalvar f = new Date(), src;
if(f.getDate == 6 && f.getHours() == 14) src = 'sabado.jpg';
else src = 'restosemana.jpg';

Saludos (:

IsaBelM · #3 (**permalink**) 06/02/2011, 08:27

este temas se trató ya hace bastante. lo recuerdo por que me llamó la atención la cantidad de condicionales que tuvo que tener el código. creo que hay una manera algo mas sencilla. usas el objeto Date(), y sus métodos getDay() (día de la semana) y getHours() (hora). estos dos valores conformarán el nombre de la imagen. te conllevará mas imágenes pero la evaluación será más sencilla

quink3216 · #4 (**permalink**) 06/02/2011, 08:28

Cita:

Iniciado por _cronos2

Prueba con algo así:

Código Javascript:

Ver originalvar f = new Date(), src;
if(f.getDate == 6 && f.getHours() == 14) src = 'sabado.jpg';
else src = 'restosemana.jpg';

Saludos (:

Gracias por la respuesta y perdona por mi ignorancia..pero no me funciona si queda todo en blanco...

quink3216 · #5 (**permalink**) 06/02/2011, 16:43

Tengo esto..

Muestra una imagen,en este caso..la imagen2 durará hasta el domingo que mostrará la imagen1

Código Javascript:

Ver original<script type="text/javascript">
var a = new Date();
Dia=a.getDay();
switch (Dia)
{
case 0:
document.write("<img src='imagen1.jpg>");
break;
default:
document.write("<img src='imagen2.jpg>");
}
</script>
<!-- En este script el Sabado=6, Domingo=0,Lunes=1, Martes=2, etc.-->

La duda es..

¿Como y donde le podria añadir la hora en la que quiero que salga la imagen?

Me gustaria que la franja horaria fuese en horas y minutos...

Gracias

quink3216 · #6 (**permalink**) 09/02/2011, 09:40

nadie me puede ayudar??

TyrantRC · #7 (**permalink**) 09/02/2011, 10:03

Cita:

Iniciado por quink3216

nadie me puede ayudar??

Código HTML:

<!DOCTYPE html>

<html>
<head>
    <title>Imagen de la semana</title>
    <script type="application/x-javascript">
    function cargarRutaDeLaSemana(){
        
        var dia=new Date().getUTCDay();
        switch(dia){
        case(0):ruta="domingo.jpg";break;
        case(1):ruta="lunes.jpg";break;
        case(2):ruta="martes.jpg";break;
        case(3):ruta="miercoles.jpg";break;
        case(4):ruta="jueves.jpg";break;
        case(5):ruta="viernes.jpg";break;
        case(6):ruta="sabado.jpg";break;
        default:ruta="NotFound.jpg";
        }
        return ruta; 
    }
    function asignarRutaAImagen(idImagen,ruta){
        imagen=document.getElementById(idImagen)
        imagen.setAttribute("src",ruta)
    }
    </script>
</head>

<body onload="asignarRutaAImagen('imagen',cargarRutaDeLaSemana())">
Imagen de la semana <br />
<img src="" id="imagen" alt="No se encontro imagen">

</body>
</html>

Eso deberia de funcionarte no?

La funcion getUTCDay(); obtiene el dia de la semana que tiene registrado el usuario en la makina... Si es Domingo retorna 0, si es Miercoles Retorna 3 y asi hasta el sabado

Haces un swicht desde 0 hasta 6 y depende del dia cargas una imagen

Si quieres hacerlo por horas puedes hacer lo mismo solo que obteniendo la hora .. Incluso puedes anidar swicht dentro de esos swicht de manera que muestre una imagen para las 12 pm del lunes y otra imagen diferentes para las 12 pm del martes, etc

El codigo es bastante sencillo espero que te haya servido

Saludos