Slide (galería de imágenes) para tu blog


Voy a tratar de explicar lo mejor posible cómo poner un slide de imágenes que rotan en vuestro blog. Pero, ¿qué es un slide? pues básicamente un slide es una galaría de imágenes que van pasando una tras otra y que puedes parar que roten si mantienes el cursor de tu ratón sobre una de las ímagenes. Además, si clicas en una de las imágenes aparecerás en la entrada de tu blog que le hayas asignado a esa imagen.



Si quieres verlo en movimiento clica aquí.

Llegamos al punto fuerte, ¿cómo instalar esta galería de imágenes en tu blogspot? Pues debemos seguir los siguientes pasos:

1) Vamos a Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript. En él pega el siguiente código:



<script type="text/javascript">
//Ancho (en pixeles)
var sliderwidth="650px"
//Alto
var sliderheight="150px"
//Velocidad 1-10
var slidespeed=2
//Color de fondo:
slidebgcolor="#000000"

//Vínculos y enlaces de las imágenes
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://www.ENLACEdelaENTRADA.blogspot.com" target="blank" title="Aquí el título"><img border="0" src="http://ENLACEdelaIMAGEN.jpg" height="Xpx"></a>'
leftrightslide[1]='<a href="http://www.ENLACEdelaENTRADA.blogspot.com" target="blank" title="Aquí el título"><img border="0" src="http://ENLACEdelaIMAGEN.jpg" height="Xpx"></a>'
leftrightslide[2]='<a href="http://www.ENLACEdelaENTRADA.blogspot.com" target="blank" title="Aquí el título"><img border="0" src="http://ENLACEdelaIMAGEN.jpg" height="Xpx"></a>'
leftrightslide[3]='<a href="http://www.ENLACEdelaENTRADA.blogspot.com" target="blank" title="Aquí el título"><img border="0" src="http://ENLACEdelaIMAGEN.jpg" height="Xpx"></a>'
leftrightslide[4]='<a href="http://www.ENLACEdelaENTRADA.blogspot.com" target="blank" title="Aquí el título"><img border="0" src="http://ENLACEdelaIMAGEN.jpg" height="Xpx"></a>'

var imagegap=""
var slideshowgap=5


var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}


if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width="+sliderwidth+" height="+sliderheight+" name="ns_slidemenu" bgcolor="+slidebgcolor+">')
write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu2"></layer>')
write('<layer left="0" top="0" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed" name="ns_slidemenu3"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>



Cosas que debes modificar a tu gusto:
var sliderwidth="650px" -> Este es el ancho total que tendrá la galería de imágenes.
var sliderheight="150px" -> Este es el alto total que tendrá la galería de imágenes.
var slidespeed=2 -> El 2 es la velocidad que tendrá el movimiento de las imágenes. Puedes emplear una escala del 1 (menos velocidad) al 10 (más velocidad).
height="Xpx" -> Sustituye la X por el tamaño que le pusiste al ancho total que tendrá la galería de imágenes, es decir, var sliderheight="150px", de esta forma conseguirmos que las imágenes tengan una altura máxima.


Enlaces de la página a enlazar y enlaces de las imágenes
http://www.ENLACEdelaENTRADA.blogspot.com -> Aquí debes poner el enlace al que quieras que se acceda cuando se clique sobre la imagen.
http://ENLACEdelaIMAGEN.jpg -> Aquí debes poner el elace de la imagen.
title="Aquí el título" -> Aquí pon el nombre que quieres que aparezca cuando pasas el cursor del ratón sobre la imagen.


¿Cómo añadir más imágenes? Pues bien fácil, después del [4] deberás pegar el [5] y así sucesivamente:
leftrightslide[5]='<a href="http://www.ENLACEdelaENTRADA.blogspot.com" target="blank" title="Aquí el título"><img border="0" src="http://ENLACEdelaIMAGEN.jpg" height="Xpx"></a>'

IMPORTANTE
1) Todas las imágenes deben tener el mismo tamaño (ancho y alto) para que la galería de imágenes no quede mal. Si te salen descuadradas ves adaptándolas a tu gusto.
2) Este gadget sólo funciona como gadget, no funciona en una entrada.



Si quieres centrar este gadget recuerda conmigo como centrar gadgets en tu blog.



Código extraído de webjcp. Gracias a jose_3 por su ayuda.

69 comentarios:

  1. hola gracias por el aporte aunque no lo buscaba asi, lo queria en las entradas. bueno swe te agradece y saludos desde honduras. att carlos mejia

    ResponderEliminar
  2. k onda... excelente la verdad me lees la mente? buscaba esto y ya lo tengo pero al colocarlo dura mucho cargando y habeses no me presenta las imagenes habeses si. Seran por las imagenes?

    ResponderEliminar
  3. Orale esto esta muy bueno, aunque no sirva en una entrada siento que esta bien colocarlo en el footer de la pagina y así atrae al lector de un mejor modo que solo en una entrada.

    Saludos.

    ResponderEliminar
  4. Muchísimas gracias, es justo lo que te explique en el mail, ya lo tengo en mi blog con 15 imágenes y ningun problema, yo le hice algunas pequeñas modificaciónes como:

    slidebgcolor="none" - Por que sale un recuadro negro mientras carga que no me gustaba.

    Después de target="blank" incuí title="Aquí el título" - Para que cuando pasas el ratón por encima salga un título.

    Después de la url de la imagen height="Xpx" - para que todas las imágenes tengan el mismo tamaño de alto, y no hay que redimensionarlas.

    Lo dicho, muchas gracias quierocrearunblog y hay tiene esas modificaciones por si a alguien le interesan, un saludo a todos.

    ResponderEliminar
  5. @ RD-Juegos. Puede ser que tarde tanto porque las imágenes son muy pesadas. Trata de hacerlas más pequeñas.

    @ Gigaman. Exacto amigo, este gadget da mucho juego para atraer la atención de las visitas. No sé si implantarlo en este blog, lo pensaré a ver si me puede resultar útil.

    @ jose_3. Perfecto jose. Muchas gracias por tu información, ya la he añadido y te lo he agradecido nombrádote.


    Un saludo a los tres, gracias por comentar y por ser fieles seguidores a este blog.

    ResponderEliminar
  6. Muy bueno, muy bueno, quizá lo ponga en práctica, al menos es bastante interesante, me gusta enredar con cosas de estas, je je je, Gracias.

    ResponderEliminar
  7. Es que ahí donde me ves, en vista pública sale que tengo tres blogs, pero en realidad manejo 21 ja ja ja, así que siempre son bien recibidos blogs como el tuyo para poder enredar en mis códigos...es divertido, me gusta probar códigos nuevos, cosas nuevas. Gracias otra vez.

    ResponderEliminar
  8. Gracias por tus comentarios El gato escondido. No sé de dónde sacas tanto tiempo, te admiro jaja. ¡Un saludo!

    ResponderEliminar
  9. Muy buena la info, pero no me funcionó. Sólo apareió el título y lo demás quedó negro, si me ayudan a solucionarlo les agradesco.
    Saludos!

    ResponderEliminar
  10. Hola Gecko. Debe funcionarte, este gadget para blogger funciona perfectamente. Revisa los pasos y sobre todo revisa cuando colocaste los enlaces de las imágenes, ahí puede estar tu fallo.

    Coméntame los resultados.

    ResponderEliminar
  11. Hola, me ocurre lo mismo que a Gecko, sólo veo un rectángulo negro en lugar de las imágenes. Si es por el enlace de las imágenes a lo mejor lo hice mal. Explico como lo hice. De las entradas que queria enlazar al slide busqué la imagen que me gustaba y le hice clik, me llevó a otra página sólo con la imagen, y esa fue la url por la que sustituí "http://ENLACEdelaIMAGEN.jpg". Luego volví a la entrada que quería enlazar y copié la url y eso pegué en "http://www.ENLACEdelaENTRADA.blogspot.com". Luego modifiqué el X por 150 y añadí los títulos a cada una.
    Desde ya mil gracias. Saludos!

    ResponderEliminar
  12. Hola Cabeza de novia. Trata de hacer las imágenes más pequeñas. Si pesan mucho y son muy grandes tarda mucho en cargar y ese puede ser tu problema. Trata de hacerlas más pequeñas con algún programa de edición de imágenes.

    Saludos.

    ResponderEliminar
  13. buena noches estoy tratando de poner esta funcion pero solo me aparece un recuadro negro, mis imagenes son de 370x550 sera por eso?

    ResponderEliminar
  14. Hola Abraham. Te digo lo mismo que a "Cabeza de novia" en el comentario anterior. Trata de hacer las imágenes más pequeñas. Si pesan mucho y son muy grandes tarda mucho en cargar y ese puede ser tu problema. Trata de hacerlas más pequeñas con algún programa de edición de imágenes.

    Un saludo y gracias por tu visita y por comentar.

    ResponderEliminar
  15. Hola Juan, sólo para contarte que ya logré hacerlo, seguramente era lo que me decías vos, porque cargué de nuevo las imágenes desde el álbum de picassa en formato miniatura y no tuve más problemas. Muchas gracias y espero que hayas comenzado bien el año!

    ResponderEliminar
  16. muchas gracias, muy util la informacion, solo una pregunta,¿solo se puede poner un gadget con esta funcion por blog?yo he intentado poner 2 y solo funciona uno.Gracias de nuevo

    ResponderEliminar
  17. hola, me sirvio de mucho para mi blog les agradesco su esfuerzo :), pero queria preguntar algo, no se si me pueda ayudar, quisiera que hubiera una pequeña separacion entre las imagenes para que no salgan asi una pegada con otra, alguien sabe que debo poner en el codigo para lograr esot?

    de antemano gracias esta pagina es genial

    ResponderEliminar
  18. hola esta exelente esta pagina es muy completa,
    me gustaria hacerte una pregunta segui todos los pasos para crear una slide galeria de imagenes lo hice tal como explicas pero se me ve una imagen nada mas y queria saber tambien si tu sabes como pegarla en la parte de arriba del blog, e visto como lo tienen en esta pagina te dejo la direccion para que veas y me puedas ayudar se llama animeid.com , esperare tu respuesta te dejo mi email gracias .

    Elfindelmundo27@gmail.com

    ResponderEliminar
  19. @Cabezadenovia. Me alegro que por fin lo hayas conseguido.

    @Fran. Hola Fran, sí se puede. Pero, ¿has pensado que pueda ser porque ese segundo slide contenga imágenes demasiado pesadas?

    @El mago oscuro. Desconozco cómo hacerlo. Lo he probado con br y p y no funciona.

    @marcia. Ese slide es diferente a éste. En cuanto pueda explicaré como poner uno como el que demandas. Presta atención al blog.

    ResponderEliminar
  20. Buenas, ante todo darte las gracias por todas las cosas que has puesto que tanto me han servido para el blog (http://decinner.blogspot.com). He puesto el slide y funciona a la perfección, pero me gustaría que las imágenes salieran en orden aleatorio para que no salgan siempre las mismas en el mismo orden, creo que sería algo muy interesante para todos. He estado buscando por ahí e investigando pero no llego a saber tanto de HTML como para no acabar volviéndome loco. Gracias de antemano y enhorabuena por tu trabajo.

    ResponderEliminar
  21. Muchas gracias por responderme ,estare muy atenta
    al tutorial, y te felicito por el blog , saludos

    ResponderEliminar
  22. Demaciado Util me resulto pero solo una consultaa muy urgente... No Hay NINGUNA forma de colocarlo en una entradaa??
    Lo Necesito muy urgene Gracias!
    si no es con este script que me recomendarias?

    ResponderEliminar
  23. hola esta muy buena la pagina e informativa me gstaria hacerte una pregunta y saber
    tu opinion si tu puedes revisar este codigo es un carrusel slide para blogger , para colocar en mi blog , te cuento segui paso a paso como lo explica en este tuto pero al querer guardar y vista previa me sale error que no esta bien formada , ya que tu sabes me gustaria saber tu opinion y tu ayuda ya que lo e estado buscando mucho , gracias
    aqui te dejo la pagina en donde aparece enl tuto


    http://jesgo23.blogspot.com/2009/01/carrusel-de-fotos-en-blogger.html

    te dejo mi emails:
    elfindelmundo27@gmail.com

    ResponderEliminar
  24. @Antonio. Gracias por tu comentario. Me temo que este slide no permite esa opción. Investigaré para hacer lo que me dices y si lo averiguo lo publicaré en una nueva entrada.

    @Business. Este script no puedes colocarlo en una entrada. Lo que sí te serviría es este otro slide: Marquesina de imágenes.

    @Marcia. Hola, si leíste la entrada en ella explico que el código se debe poner en un elemento de página, en un gadget para ser más exacto. Revisa los pasos y ya verás como te funciona sin problemas.


    Gracias a todos por vuestros comentarios.

    ResponderEliminar
  25. Hola, queria preguntar si esto tenia un limite y si lo tiene que se puede hacer para eliminar dicho limite, esto lo digo pues llevaba 40 imagenes en el slide y al agregar una más esta ultima no salio, saludos.

    ResponderEliminar
  26. Hola, me parece muy noble de tu parte que saques de tu tiempo para compartir tus conocimientos con los que estamos aprendiendo. Muy buena la explicación, a mí me salió perfectamente.
    Tú sabés como hacerlo de una manera que las imagenes pasen cuando el usuario las mueva con flechas en cada extremo(Derecho- Izquierdo) me explico? Gracias por tu tiempo...

    ResponderEliminar
  27. Hola, tu pagina me encanta y estoy de cabeza haciendo un slide con imágenes.
    Tengo una duda, sabes que no entiendo cual es la imágen que hay que copiar, me refiero a de donde saco ese enlace.
    Espero que me puedas ayudar.
    Gracias.

    ResponderEliminar
  28. Hola, Gracias por dedicarnos tu tiempo. una pregunta eh visto este slider http://workshop.rs/projects/coin-slider/ y me gustaria usarlo en mi blog, pero soy primate :(..Crees que se pueda...?
    Saludos...

    ResponderEliminar
  29. me sale un error mas extraño es este

    Lo sentimos, pero no hemos podido llevar a cabo tu petición.

    Al notificar este error al servicio de asistencia de Blogger o al grupo de ayuda de Blogger:

    * Describe lo que estabas haciendo cuando recibiste este error.
    * Proporciona el siguiente código de error e información adicional.

    bX-2myth2

    que crees que puede ser y como lo soluciono

    ResponderEliminar
  30. A mi no me ha funcionado.. la verdad es que me lié xDD
    Una pregunta ¿se podria hacer lo mismo utilizando las etiqueta ? Quiero decir, ¿si coloco las imagenes con el enlace y le pongo luego la etiqueta para moverlo seria igual?

    ResponderEliminar
  31. la etiqueta era (<)marquee(>) sin los parentesis xD es que no aparecia ^^

    ResponderEliminar
  32. tengo un problema ,cuando pongo una imagen sale 2 veces? ayudaa

    ResponderEliminar
  33. Hola , muy buen post estoy tratando de añadirlo a mi blgo pero no sale nada las imagenes las tnego alojadas en fotobuvcket y copio el codigo que dice IMG CODE esta bien ese ?? , de que tamaño deberian ser las imagenes y quiesiera colocar un slide asi en mis entradas como podria , hacer?
    Bueno graicas de antemano y sigue asi

    ResponderEliminar
  34. hola man esta genial esto, pero quisiera pedirte un favor si sabes donde puedo conseguir un slider con botones a los lados , siguiente y anterior y que sea con enlace también por favor te lo agradecería mucho saludos y muy buen blog.

    ResponderEliminar
  35. Hola muy buenas he puesto el carrusel de imagenes en mi blog y me funciona perfectamente en firefox y chrome, sin ningun problema, pero en internet explorer no hay manera, me sale el recuadro negro, pero ninguna imagen y estoy desesperado, tu me puedes ayudar? saludos muchas gracias por tus post.

    ResponderEliminar
  36. Quisiera modificar la dirección. Que en lugar de moverse horizontalmente lo hagan de manera vertical. ¿Se puede?

    ResponderEliminar
  37. Hola
    Excelente tu blog. Me funcionó perfectamente.
    Solo tengo una petición. He utilizado este slide para colocar publicidad. Ahora mi pregunta es como hacer para que las imágenes se queden estáticas por solo unos segundos y después pase a la otra y haga lo mismo y así sucesivamente.
    Gracias y saludos
    www.robinsonchar.blogspot.com

    ResponderEliminar
  38. ey men no me funciona! ayudame porfas!! hago todo lo que dice pero no me sale nada de nada... le e puesto todo igualito solo q le e cambiado los enlaces y el tamaño pero no me sal nada! estoy desesperado!

    ResponderEliminar
  39. lo q puedo modificar es to lo de rojo pèro q hago con eso q dice //hancho (en pixeles) //alto // velocidad 1-10.... porfavoe contestenme rapido q es urgente esta galeria!porfas!

    ResponderEliminar
  40. COMO HAGO ESTO PERO CON IMAGENES PROPIAS QUE TENGO EN MI PC GRACIAS MUY VALIOSO APORTE

    ResponderEliminar
  41. hola, gracias el gadget, ya lo tengo implementado y funciona perfecto.

    ResponderEliminar
  42. Tengo el mismo problema que Sa, en internet explorer me sale el recuadro negro.

    ResponderEliminar
  43. Excelente aporte!. Llevaba dias buscando algo similar. Muchas gracias, en breve espero tener un rato y poner un slide en mi blog.

    ResponderEliminar
  44. Hola Buenas Tardes, Primero felicidades por tu web y gracias por compartir todos tus conocimientos de verdad, segundo este slide aunque no tiene gran variedad de efectos a mi me encanta es de mis preferidos pero no he podido averiguar como hacer que se vea con internet explorer, en firefox funciona genial pero existe alguna forma de poderlo visualizar en I.E Mil gracias Gracias un Abrazo

    ResponderEliminar
  45. Porque cuando pongo 2 slideshows no funcionan se ven solo las imágenes del primero

    ResponderEliminar
  46. Te Agradezco Por El Truco Cumpa...Graciasss...Porcierto Como hago Para Que Cargue Mas Rapido El Slide Aveces Se Demora Mucho Cargando Hay alguna Solucion Gracias

    ResponderEliminar
  47. Hola,he hecho todos los pasos que se requerían para hacer este slide, pero el problema es cuando tengo el código completo (con mis imágenes y los enlaces) lo copio al blog en un gadget HTML y no se ven las imágenes ¿podrías ayudarme?

    ¡Saludos!

    ResponderEliminar
  48. hola buena tarde se ve que es un buen truco pero a mi no me sale ya lo coloque pero no me aparece nada jeje espero k despues me salga se te agradece

    ResponderEliminar
  49. Y cómo hago para que las imágenes carguen automáticamente cuando posteo?

    ResponderEliminar
  50. Muy bueno, pero tego una pregunta. Como puedo hacer eso mismo pero que en vez de que las imagenes salgan de derecha a izquierda se deslicen de arriba a abajo o viceversa???

    ResponderEliminar
  51. hola! yo quiero crear algo asi, album de imagenes para las entradas como hago? hay alguno de html nose o para subir desde una web y montarlas ahi..(no me gusta picasa,no ese estilo, ni esos slide que pones cositas dibujitos, nada de eso..)
    espero su ayuda

    ResponderEliminar
  52. HOLA AMIGO...TE DIGO LA VERDAD ... TODO LO QUE TENES EN EL BLOG !!!! EXCELENTE...USE CASI TODO.. POR ESO NO SOLO TE AGRADEZCO SINO QUE TAMBIEN TE RECOMENDÉ... SOMOS MUCHOS LO QUE NO SABEMOS HACER MUCHO CON LA COMPU...PERO GRACIAS A TUS CONSEJOS Y TU MATERIAL AHORA DISIMULAMOS UN POCO NUESTRA IGNORANCIA...
    BUENO... TE COMENTO MI INQUIETUD !!!
    ME ESTOY VOLVIENDO LOCO... SI, "LOCO" HACE UNA SEMANA QUE ESTOY TRATANDO DE PONER UNA PINCHE MARQUESINA CON FOTOS EN MI BLOG... Y NO HAY CASO... ESTUVE A PUNTO DE TIRAR LA COMPUTADORA A LA MIER.... PORQUE NO PUEDO HACER QUE FUNCIONE... ( LA VERDAD ES QUE NO SÉ QUE ES EL TEMA DE LOS ENLACES ) Y ESO QUE ESTÁ BIEN CLARO !!!! PERO O NO ANDA O ESTOY HACIENDO ALGO MAL.... NO SÉ COMO ME PODES AYUDAR... DESDE YA TE AGRADEZCO ... MIL GRACIAS.... Y BUENO ESPERARÉ RESPUESTA...OJALÁ QUE SEPAS DARME LA SOLUCION... ABRAZO GRANDE DESDE ARGENTINA...

    ResponderEliminar
  53. Muchas gracias me funcionó perfecto:

    http://www.manipular.net/

    solo quiero saber como hacer para que se pause con cada imagen que pase como lo hacen en esta web:

    http://www.xbox360demos.tk/

    si puedes hacerlo te hago un monumento.

    saludos

    ResponderEliminar
  54. MIL GRACIAS POR ESTAS EXPLICACIONES PARA EL BLOG ME HAN SERVIDO DE MUCHA AYUDA LAS EXPLICACIONES Y EN GENERAL TODO EL MATERIAL ES MUY BUENO FELICITACIONES PORQUE POR PERSONAS COMO TU HACEN POSIBLE QUE OTROS APRENDAMOS UN POCO MAS DE LOS BENEFICIOS Y MUTITUD DE POSIBILIDADES QUE NOS OFRECE LA WEB

    ResponderEliminar
  55. felises fiestas y propero año nuevo
    pedazo te blong y una pregunta
    me sale perfecto pero cuando llega a la ultima
    imagen no sale la primera de corrido sino que
    que un espacio eso como se puede solucionar

    gracias y un saludo

    ResponderEliminar
  56. gracias por el post! me sirvió y el slide quedó buenísimo! hacía rato que venía buscando esta aplicación y no la encontraba, caí acá por casualidad. voy a seguir chusmeando un poco el blog... saludos!!!

    ResponderEliminar
  57. MUCHAS GRACIAS, ESTABA BUSCANDOLO DESDE HACE TIEMPO, ESTA SENCILLO DE PONERLO GRACIAS A LA EXPLICACION QUE DAS, MUCHAS MUCHAS GRACIAS, CIAO.

    ResponderEliminar
  58. queonda amigo muy util el tuto pero tengo una duda se puede hacer que el slide tenga otro formato es decir e vvisto que en algunos las imagenes se descomponen o se van diluyendo sabras como hacerlo?

    ResponderEliminar
  59. Gracias!!! Por fin un codigo que funciona ♥

    ResponderEliminar
  60. Muy bueno el blog, te sigo. Me ha venido como anillo al dedo este post. Mil gracias. Estuve un buen tiempo sin que me funcionara, no me aparecían las imágenes, pero puse a mi novio, que sabe de estas cosas, para que encontrara el error y finalmente lo solucionó. Se los cuento por si ayuda a alguien. El error que me salía era que la etiqueta "img" para el código "XH TML" tiene que estar cerrada. Luego de los enlaces de cada imagen tenía que colocar "/img" Espero que les sirva a los que no les funcionaba. Muchas gracias!!!

    ResponderEliminar
  61. Perdón por lo mal escritos que están los códigos, pero no me permitía ponerlos en el comentario.

    ResponderEliminar
  62. Hola, una consulta, las imagenes tienen que estar alojadas en un servidor??
    Gracias

    ResponderEliminar
  63. Muy buen dato, pero lamentablemente en el EXPLORER es imposible q se vea, algun consejo o aplicación para q se logre ver? gracias por estos aportes muy utiles

    ResponderEliminar
  64. Muchas gracias,,, justo lo que buscaba!!!

    ResponderEliminar
  65. Buenas tardes,
    Muy interesante tú post pero tengo una dudilla, no sé dónde ni cómo conseguir el ENLACE de la ENTRADA, ¿podría ayudarme? Un saludo
    GRACIAS
    Saleta

    ResponderEliminar