 Autor
|
Tema: [jquery] Hacer galeria jiratoria automatica ? (solved) (Leído 6,035 veces)
|
Diabliyo
 Desconectado
Mensajes: 1.441
shell# _
|
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/JjUEwMAjSaludos !
|
|
|
|
« Última modificación: 22 Febrero 2012, 20:07 pm por Diabliyo »
|
En línea
|
|
|
|
|
|
Diabliyo
Desconectado
Mensajes: 1.441
shell# _
|
Gracias EFEX el enlace que me mencionaste fue la solucion....
Saludos !
|
|
|
|
|
En línea
|
|
|
|
Diabliyo
Desconectado
Mensajes: 1.441
shell# _
|
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 !
|
|
|
|
|
En línea
|
|
|
|
|
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();
|
|
|
|
|
En línea
|
|
|
|
Diabliyo
Desconectado
Mensajes: 1.441
shell# _
|
De echo lo uso asi: $('#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: <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>
|
|
|
|
« Última modificación: 21 Febrero 2012, 22:07 pm por Diabliyo »
|
En línea
|
|
|
|
|
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.
|
|
|
|
|
En línea
|
|
|
|
Diabliyo
Desconectado
Mensajes: 1.441
shell# _
|
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....
|
|
|
|
|
En línea
|
|
|
|
|
| Mensajes similares |
|
Asunto |
Iniciado por |
Respuestas |
Vistas |
Último mensaje |
|
|
Alguien me puede ayudar desde cero como instalar una galeria JQUERY
Desarrollo Web
|
zenydark
|
1
|
4,947
|
11 Abril 2011, 03:06 am
por Nakp
|
|
|
|
Es necesario hacer unbind en jQuery?
Desarrollo Web
|
WHK
|
2
|
3,598
|
27 Febrero 2012, 13:59 pm
por WHK
|
|
|
|
Como customizar eata galeria jQuery
Desarrollo Web
|
T0p1t0
|
1
|
2,357
|
24 Junio 2013, 04:38 am
por #!drvy
|
|
|
|
Jquery Galeria de imagenes (ayuda)
Desarrollo Web
|
nevermind2403
|
0
|
1,857
|
13 Noviembre 2013, 05:14 am
por nevermind2403
|
|
|
|
como hacer if responsive jquery/css
Desarrollo Web
|
d91
|
2
|
2,014
|
23 Noviembre 2015, 11:50 am
por d91
|
 |
