Ver Mensaje Individual
  #7 (permalink)  
Antiguo 09/02/2011, 10:03
Avatar de TyrantRC
TyrantRC
 
Fecha de Ingreso: noviembre-2009
Mensajes: 55
Antigüedad: 15 años
Puntos: 1
Respuesta: Mostrar imagenes segun fecha y hora determinada.

Cita:
Iniciado por quink3216 Ver Mensaje
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

Última edición por TyrantRC; 11/02/2011 a las 09:59