ElectroSYSTEM - Soluciones y trucos para mi blogger.

Insertar imagen en el sitio según la hora con javascript

Insertar imagen en el sitio según la hora con javascript
Insertar imagen en el sitio según la hora con javascript
...

Semejante a la referencia del post “Insertar saludo en el sitio según la hora con javascript”, puedes utilizar un código algo similar para presentar una imagen en el sitio según la hora.

Por ejemplo, habrás notado que en la línea inicial de esta entrada te estoy saludando, pero ahora estoy usando una imagen (Buenos días, Buenas tardes o Buenas noches).   No obstante, tú puedes insertar el código donde lo requieras y disponer la imagen que desees.

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

El código es el siguiente:



Reemplaza la dirección origen de la imagen y las de su vinculo (url) según tu requerimiento.
image = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgabmVeqiS7TMmFoKoNqmxFI0nJJZjSR1RmJEuUYrhx0plDXgu1mpgMonKsVFa5R12VKHJIkUX-BqqRcr7YP_9SgP7is6aAePvMKALC-9n2vj3evph9BFvqYdAqFiwG5ghJE9GZpEEptble/w140-h86-p/buenos+dias.png";

url = "url_de_enlace_de_la_imagen";


Puedes configurar el tamaño de presentación de las imágenes y el ancho del borde, modificando la línea que esta casi al final de código:
document.write("<a href='" + url + "' target=''><img alt='' src='" + image + "' style='border-width:0; width:300px; height:100px'></a>");

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


Quizás también te interese:

No hay comentarios.:

Botón anterior Anterior Siguiente Botón siguiente Botón Home
...
ESTO PUEDE INTERESARTE
ElectroSYSTEM Favicon - Soluciones y trucos para mi blogger.  ElectroSYSTEM
 Soluciones para mi blogger
ElectroSYSTEM Favicon - Soluciones y trucos para mi blogger.  ElectroSYSTEM
 Soluciones para mi blogger