Mil Trucos Blogger

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

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Durante mucho tiempo hemos publicado muchas galerías y slider para Blogger, pero estos trucos vienen con complejos y pesados scripts que muchas veces ralentizan la carga de tu blog, lo que puede hacer que pierdas visitantes o incluso tengas penalizaciones por parte de Google; pero el truco que traigo hoy es bastante simple y muy ligero, se trata de una pequeña galería de imágenes del tipo Slideshosw, eso sí sin muchos efectos pero que cumple bien sus función de mostrar un conjunto de imágenes sin sobrecargar tu blog.

Mini galería de imágenes tipo Slideshow para Blogger…

galeria-slideshow-blogger

 

El slider se ve de la siguiente manera:



 
Para añadir este truco a tu blog ve a Diseño, Añadir Gadget, HTML/JavaScript o en la edición HTML de una entrada añade lo siguiente

<script type="text/javascript">
 <!--
 var image1=new Image()
 image1.src="URL de la imágen"
 var image2=new Image()
 image2.src="URL de la imágen"
 var image3=new Image()
 image3.src="URL de la imágen"
 var image4=new Image()
 image4.src="URL de la imágen"
 //-->
 </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 reemplaza lo resaltado en color azul por la URL de las imágenes que quieres que aparezcan en el slider.

El ancho de las imágenes los puedes editar desde:

Si te ha gustado este truco no olvides compartirlo en tus redes sociales y si tienes dudas al respecto, déjalas en los comentarios.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo