Foros del Web » Creando para Internet » HTML »

Como hacer que una imagen cambie segun al hora que es

Estas en el tema de Como hacer que una imagen cambie segun al hora que es en el foro de HTML en Foros del Web. creo que esto puede sonar un poco futurista incluso imposible de realizar, pero seguro que alguien me puede ayudar. Estoy colaborando en una web de ...
  #1 (permalink)  
Antiguo 08/04/2015, 22:41
 
Fecha de Ingreso: abril-2015
Mensajes: 1
Antigüedad: 9 años
Puntos: 0
Como hacer que una imagen cambie segun al hora que es

creo que esto puede sonar un poco futurista incluso imposible de realizar, pero seguro que alguien me puede ayudar.

Estoy colaborando en una web de turismo. Resulta que he pensado si seria posible que en HTML la imagen de un museo cambiara a de día o de noche según la hora que sea. No se si me explico, por ejemplo, que de 7 a 21h salga la foto del museo de día y de 21h a 7 salga de noche... No se si sera posible, si lo seria increíble y lo agradecería muchísimo.

Saludos compañeros
  #2 (permalink)  
Antiguo 08/04/2015, 23:33
Avatar de NueveReinas  
Fecha de Ingreso: septiembre-2013
Ubicación: No tan Buenos Aires
Mensajes: 1.101
Antigüedad: 10 años, 8 meses
Puntos: 145
Respuesta: Como hacer que una imagen cambie segun al hora que es

Puedes obtener la hora con PHP y entonces, al entrar en la página, comprobar la hora y mostrar una u otra imagen según una condición if/else.
__________________
¿Te sirvió la respuesta? Deja un +1
  #3 (permalink)  
Antiguo 09/04/2015, 02:46
(Desactivado)
 
Fecha de Ingreso: abril-2015
Ubicación: España
Mensajes: 616
Antigüedad: 9 años, 1 mes
Puntos: 74
Respuesta: Como hacer que una imagen cambie segun al hora que es

Código PHP:
Ver original
  1. if(date('H') >= 7 && date('H') < 21)
  2. {
  3.        echo "imagen de día";
  4. }
  5. else
  6. {
  7.        echo "imagen de noche";
  8. }
  #4 (permalink)  
Antiguo 09/04/2015, 21:06
 
Fecha de Ingreso: abril-2015
Ubicación: Bogotá D.C - Colombia
Mensajes: 106
Antigüedad: 9 años
Puntos: 11
Respuesta: Como hacer que una imagen cambie segun al hora que es

Hola te comparto aquí un archivo html con el código que necesitas indexado en el mismo, incluye un simple script en javascript haciendo lo que necesitas de la forma más básica y dos imagenes en base64 para no usar archivos externos....

http://www.mediafire.com/view/93q7959f5ciqals/PAGINA2.HTML


Lo único que te recomiendo es que uses un servidor, obtengas la fecha por php o java o lo que uses pues yo para este ejemplo lo hecho con javascript(obtener la fecha) pero no es muy recomendable por que javascript obtiene la hora del equipo cliente que está visitando el sitio, pero en fin espero que te sirva....

Éxitos!! :D

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:38.