[jquery] Hacer galeria jiratoria automatica ? (solved)

[Diabliyo]

Buen dia.

Tengo una galeria de imagenes que se genera automaticamente apartir de un conjunto de imagenes, en este "thumbnail" aparece la foto principal (en grande) con dos flechas (izquierda y derecha) que permite girar la galeria. Tambien se presenta por debajo de la imagen principal (imagen grande), un conjunto de imagenes mini (todas), que igualmente si pasas el raton por encima, la imagen mini se pone como imagen principal.

Mi punto es que, quiero que en vez de estar pulsando la flechita para ir girando la galeria, que esta gire sola (automaticamente).

Este es mi code: http://pastebin.com/JjUEwMAj

Saludos !

[EFEX]

Hola, quizas este te sirva de ejemplo:

Simple Auto-Playing Slideshow
http://css-tricks.com/snippets/jquery/simple-auto-playing-slideshow/

[Diabliyo]

Gracias EFEX el enlace que me mencionaste fue la solucion....

Saludos !

[Diabliyo]

REVIVO el tema, porque tengo un detalle con esto de rotacion automatica con jQuery...

El codigo que saque del link que me proporciono EFEX es un jQuery que hace un "array" de una capa en especiifico, sabiendo que esta capa en especifico con tiene otros DIV, posterior a eso, el jQuery toma cada valor del array y lo hacie "visible" (dysplai:bock o bien fadeIn() ).....

El punto es que en alguna ocasiones en vez de hacer el efecto de: "despaarecer imagen anterior y aparecer imagen siguiente". Como que se traba o nose, el chiste es que no desaparece las imagenes y aparece la siguiente, y esto se repite. Finalmente tienes todas las imagenes apareciendo una por encima de la otra y se empieza a empalmar todo !.

Alguna idea ?

Saludos !

[Pablo Videla]

REVIVO el tema, porque tengo un detalle con esto de rotacion automatica con jQuery...

El codigo que saque del link que me proporciono EFEX es un jQuery que hace un "array" de una capa en especiifico, sabiendo que esta capa en especifico con tiene otros DIV, posterior a eso, el jQuery toma cada valor del array y lo hacie "visible" (dysplai:bock o bien fadeIn() ).....

El punto es que en alguna ocasiones en vez de hacer el efecto de: "despaarecer imagen anterior y aparecer imagen siguiente". Como que se traba o nose, el chiste es que no desaparece las imagenes y aparece la siguiente, y esto se repite. Finalmente tienes todas las imagenes apareciendo una por encima de la otra y se empieza a empalmar todo !.

Alguna idea ?

Saludos !

podrias usar hide(); y show(); en vez de display block o fadeIn();

[Diabliyo]

De echo lo uso asi:

Código [Seleccionar] Expandir

$('#lasgalerias > div:gt(0)').hide();

setInterval( function() {
$('#lasgalerias > div:first')
.css( "display", "none")
.next()
.fadeIn('slow')
.end()
.appendTo('#lasgalerias');
}, 3000);

Y aun asi, en algunas ocasiones se van empalmando, en otras ocasiones la galeria rota perfecto !...

Ya hice la prueba en I.E., Firefox y Chrome, y sucede lo mismo....

Y el code html esta asi:

Código (html) [Seleccionar] Expandir

<div id="lasgalerias">
<div style="display:block;"><img src="http://www.buyinmejico.com/uploads/paisajes//001_medium.jpg" border="0"></div>
<div style="display:none;"><img src="http://www.buyinmejico.com/uploads/paisajes//003_medium.jpg" border="0"></div>
<div style="display:none;"><img src="http://www.buyinmejico.com/uploads/paisajes//009_medium.jpg" border="0"></div>
<div style="display:none;"><img src="http://www.buyinmejico.com/uploads/paisajes//011_medium.jpg" border="0"></div>
</div>

[Pablo Videla]

Lo acabo de probar en mi equipo y anda muy bien, no he tenido problemas, puede ser tu pc el que se queda pegado a lo mejor. Si alguien mas lo prueba sería de ayuda.

[Diabliyo]

Solucionado xD...

El problema no es el jquery, sino el CSS.

Vaya, en mi codigo CSS jamas pongo position:absolute; a las DIV donde estan las imagenes, y esto causa el efecto de que despues de cierto tiempo las imagenes se salen del cuadrante.

Gracias a todos por su tiempo....