sábado, 14 de abril de 2018

Cambiar imagen según el día de la semana

Hoy os traigo como cambiar imagen o texto para que semuestre diferente cada día de la semana.
Podemos utilizarlo para mostrar que día es hoy, que aunque parezca obvio, ay veces que no sabemos en qué día estamos.




El código es muy parecido al que vimos en el post de "Mensaje según la hora del dia" comenzamos:



  1.        var a = new Date ();
  2.        var dia = a.getDay();
  3.      if(dia == 0) document.write("Domingo");
  4.      if(dia == 1) document.write("Lunes");
  5.      if(dia == 2) document.write("Martes");
  6.      if(dia == 3) document.write("Miercoles");
  7.      if(dia == 4) document.write("Jueves");
  8.      if(dia == 5) document.write("Viernes");
  9.      if(dia == 6) document.write("Sabado");


Se vería así:


Evidentemente, a esto luego habría que darle estilos css para personalizarlo.

y si queremos que se muestren imágenes en lugar de texto, el código quedaría de la siguiente manera:



  1.       var a = new Date ();
  2.       var dia = a.getDay();
  3.      if(dia == 0) document.write("<img src='aqui_la_imagen_del_domingo.gif'/>");
  4.      if(dia == 1) document.write("<img src='aqui_la_imagen_del_lunes.gif'/>");
  5.      if(dia == 2) document.write("<img src='aqui_la_imagen_del_martes.gif'/>");
  6.      if(dia == 3) document.write("<img src='aqui_la_imagen_del_miercoles'/>");
  7.      if(dia == 4) document.write("<img src='aqui_la_imagen_del_jueves'/>");
  8.      if(dia == 5) document.write("<img src='aqui_la_imagen_del_viernes'/>");
  9.      if(dia == 6) document.write("<img src='aqui_la_imagen_del_sabado'/>");





Tendríamos que cambiar  "aqui_la_imagen_del_XXXX" por la url de la imagen que queramos mostrar, como veis se puede modificar el código a vuestras necesidades.




Espero que os haya sido útil, si tenéis dudas consultar.



Un saludo.

No hay comentarios:

Publicar un comentario

Para insertar código html en tu comentario,convertir aquí