Semejante a la referencia del post “Cómo 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”.
Mira aquí otros post con etiqueta Según el tiempo
- Más sobre el autor
Me encantan los blogs y todo lo que se puede aprender con ellos.
Me desempeñé como profesor de sistemas informáticos unos años de mi vida. Estudios de Licenciatura en Publicidad y Marketing. Tnlgo. en Sistemas de Computación, enseñando lo poco o mucho que puedo saber y ahora con gusto lo comparto con ustedes.
Soy autor y fundador de este sitio. Me encantan los blogs y todo lo que se puede aprender con ellos.
Unos años de mi vida me desempeñé como técnico en una empresa de telecomunicaciones y otros como profesor de sistemas informáticos, enseñando lo poco o mucho que puedo saber y ahora lo comparto con ustedes.
En casa, no le huyo a preparar recetas de cocina, sobre todo si se trata de compartir la mesa con mis hijos. Me gusta también ver la vida en el proceso de las plantas y el respeto a los animales.
Tengo estudios formales de Tecnología en Sistemas de Computación y Licenciatura en Publicidad y Marketing. Aunque sobre varias temáticas me gusta ser autodidacta y experimentar para obtener resultados que pueda compartir de manera confiable.
Sin embargo, respecto a mi formación, regularmente evito me llamen por título y simplemente soy Vicente Ramírez, un instructor, un papá, un amigo. Y es que en ocasiones he escuchado cuando a alguien le preguntan por su nombre y responde… Mi nombre es “Ingeniero Juan Pérez” o “Master Ana Piguave”, por lo que me pregunto si sus padres le habrán puesto por nombre “Ingeniero” o “Master” (😃 Je, je, je, una cosa es el nombre, otra cosa es la profesión).
Realmente me apasiona el emprendimiento combinado con la tecnología, por lo que me he dado impulso para gestionar con mi proyecto web actual, plasmando este blog en el que se incluyen varias temáticas.
Así, esta web nace con la vocación de ser un sitio para compartir y divulgar estos conocimientos combinados con el de otros autores que poco a poco se van integrando.
Comparte tu enlace