Imagenes en movmiento con javascript

paxarin · #1 (**permalink**) 20/06/2011, 12:41

Muy buenas.
haber yo en esto de javascript estoy un poco pez, pero bueno.
Tengo pendiente de hacer un diseño para un restaurante que quiere en su portada una imagen de su local, pero que dependiendo de la hora se valla cambiando la foto.
Serian 3 fotos, una para la mañana, otra para por la tarde y otra de noche.
Se que e para realizar esto con java tengo que hacer uso del objeto matematicas, pero no se ni como empezar.
Alguien puede darme una idea, o si alguien conoce si la libreria de jquery 1.6.1.min puede hacer esto?
Un saludo y espero que me podais ayudar.

MARCASTELEON · #2 (**permalink**) 20/06/2011, 15:49

Hola, aca pongo un ejemplo de como se puede hacer con javaScript
Cambias la direccion de las imagenes segun la hora

Código Javascript:

Ver original<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="JavaScript">
 
function imagen(){
   fecha = new Date();
   
   hora = fecha.getHours();
    
   if(hora>=1 && hora<=10){//imagen desde la 1am hasta las 10am
      document.getElementById("fondo").style.backgroundImage="url(http://www.lasiesta-hotel.com/content/imgsxml/descargas_imagenes/restaurante0007.jpg)";
   }
   
   if(hora>=11 && hora<=18){//imagen desde las 11am hasta las 6pm
      document.getElementById("fondo").style.backgroundImage="url(http://www.lasiesta-hotel.com/content/imgsxml/descargas_imagenes/restaurante0007.jpg)";
   }
   
   if(hora>=19 && hora<=24){//imagen desde las 7pm hasta las 12pm
      document.getElementById("fondo").style.backgroundImage="url(http://www.lasiesta-hotel.com/content/imgsxml/descargas_imagenes/restaurante0007.jpg)";
   }
    
               }
</script> 
</head>
<body id="fondo" onload="imagen()">
</body>
</html>

paxarin · #3 (**permalink**) 21/06/2011, 09:13

Muchisimas gracias, voy a probarlo.