Ligera galería de imágenes tipo Slideshow para Blogger

En el día de hoy vamos a compartir un truco que te permitirá agregar una galería de imágenes tipo Slideshow para Blogger bastante ligera, no tendrá muchos efectos, porque está hecha con un pequeño script que evita el uso de librerías externas, con el fin de no sobrecargar el blog, pero cumple muy bien la función de presentar las imágenes en un formato tipo galería. 

Ligera galería de imágenes tipo Slideshow para Blogger
Ligera galería de imágenes tipo Slideshow para Blogger

En un gadget HTML/ JavaScript o desde la Vista HTML de una entrada o página agrega el siguiente código:

<script type="text/javascript">
<!--
var image1=new Image()
image1.src="URL de la imagen"
var image2=new Image()
image2.src="URL de la imagen"
var image3=new Image()
image3.src="URL de la imagen"
var image4=new Image()
image4.src="URL de la imagen"
//-->
</script>
<img src="" name="slide" width="300" height="250" />
<script>
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<4)
step++
else
step=1
//call function "slideit()" every 3 seconds
setTimeout("slideit()",3000)
}
slideit()
//-->
</script>

Ahora solo queda añadir las URL de las imágenes desde image1.src="URL de la imagen" y configurar el tamaño en el que se mostrarán las imágenes desde <img src="" name="slide" width="300" height="250" />.  Revisa que todo esté funcionando bien y guarda los cambios.

A continuación puedes ver una vista previa del truco:

Entradas que pueden interesarte

disqus