Cómo presentar imagen en el sitio según la hora.

Semejante a la referencia del post “Presentar texto en el sitio según la hora”, puedes utilizar un código algo similar para insertar imagen según la hora.

Es cierto, en Wordpress, existen plugins que permiten hacerlo, pero si no deseas recurrir a ellos o si tu sitio no utiliza dicha plataforma, este código bien podría servirte.

Además, puede aprovecharse la disposición de la imagen para poder definir un vinculo a otro sitio de la web.

Presentar | Insertar imagen según la hora

El código es el siguiente:

<div style="text-align: center;">
<script>

datenow = new Date();

timenow = datenow.getTime();

datenow.setTime(timenow);

hournow = datenow.getHours();

if (hournow >= 18)
{
image = "url_imagen_para_la_noche";
url = "url_de_enlace_de_la_imagen_para_la_noche";
}

else

if (hournow >= 12)
{
image = "url_imagen_para_la_tarde";
url = "url_de_enlace_de_la_imagen_para_la_tarde";
}

else

{
image = "url_imagen_para_el día";
url = "url_de_enlace_de_la_imagen_para_el_día";
}

document.write("<a href='" + url + "' target=''><img alt='' src='" + image + "' style='border-width:0; width:300px; height:120px'></a>");

</script>
</div>

 

Reemplaza la (url) dirección origen de la imagen y la de su vinculo según sea el caso.

image = "url_imagen_para_la_noche";

url = "url_de_enlace_de_la_imagen_para_la_noche";

Presentar | Insertar imagen según la hora en el sitio

Además puedes configurar el tamaño de presentación de las imágenes y el ancho del borde, modificando la línea que está casi al final de código:

document.write("<a href='" + url + "' target=''><img alt='' src='" + image + "' style='border-width:0px; width:300px; height:120px'></a>");

Debes considerar que las imágenes se vean correctamente y al gusto según el tamaño que dispongas.

Puedes insertar el código donde lo requieras y disponer la imagen que desees.

Este código es ideal para insertarlo en sitios creados en Blogger, sea en un widget o el lugar que te convenga.

Ojo: Si en tu sitio utilizas plataforma WordPress, puede que necesites recurrir al uso de un plugin para poder insertar este código.  Te aconsejo que utilices el plugin Woody Snippets, el cual te ayudará a que puedas insertar códigos (lo encuentras en el repositorio de Wordpress).
También recuerda que si no obtienes resultados, puede ser que tu servidor no permita su utilización ya que es un script relacionado con "tiempo".

---