Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Error en bucle fade in/fade out

Estas en el tema de Error en bucle fade in/fade out en el foro de Frameworks JS en Foros del Web. Buenas, tengo el siguiente código : <div class="carrusel"> <img src="http://www.forosdelweb.com/f13/IMAGENES/otros/VENTANA1.jpg" class="img1" /> <img src="http://www.forosdelweb.com/f13/IMAGENES/otros/VENTANA2.jpg" class="img2"/> <img src="http://www.forosdelweb.com/f13/IMAGENES/otros/VENTANA3.jpg" class="img3"/> <img src="http://www.forosdelweb.com/f13/IMAGENES/otros/VENTANA4.jpg" class="img4"/> <img src="http://www.forosdelweb.com/f13/IMAGENES/otros/VENTANA5.jpg" class="img5"/> <img ...
  #1 (permalink)  
Antiguo 25/04/2012, 09:50
 
Fecha de Ingreso: abril-2011
Mensajes: 49
Antigüedad: 13 años, 7 meses
Puntos: 1
Error en bucle fade in/fade out

Buenas, tengo el siguiente código :

<div class="carrusel">
<img src="http://www.forosdelweb.com/f13/IMAGENES/otros/VENTANA1.jpg" class="img1" />
<img src="http://www.forosdelweb.com/f13/IMAGENES/otros/VENTANA2.jpg" class="img2"/>
<img src="http://www.forosdelweb.com/f13/IMAGENES/otros/VENTANA3.jpg" class="img3"/>
<img src="http://www.forosdelweb.com/f13/IMAGENES/otros/VENTANA4.jpg" class="img4"/>
<img src="http://www.forosdelweb.com/f13/IMAGENES/otros/VENTANA5.jpg" class="img5"/>
<img src="http://www.forosdelweb.com/f13/IMAGENES/otros/VENTANA6.jpg" class="img6"/>
</div>

Al que le aplico lo siguiente :

<script type="text/javascript">
$(document).ready(function(){



function animacion() {


setTimeout($(".img1").fadeIn( 2500), 2000);

setTimeout(function() {

$(".img1").fadeOut(2500);

$(".img2").fadeIn(2500);

},2000);

setTimeout(function() {

$(".img2").fadeOut(2500);

$(".img3").fadeIn(2500);

},2000);

setTimeout(function() {

$(".img3").fadeOut(2500);

$(".img4").fadeIn(2500);

},2000);


setTimeout(function() {
animacion();
},2000);

});
</script>


Y no se por qué no funciona bien el fade in/fade out y las imágenes no se ven bien, alguna sugeriencia ?

Última edición por Isra_84; 25/04/2012 a las 12:48
  #2 (permalink)  
Antiguo 27/04/2012, 03:12
 
Fecha de Ingreso: abril-2011
Mensajes: 49
Antigüedad: 13 años, 7 meses
Puntos: 1
Respuesta: Error en bucle fade in/fade out

Bueno por si a alguien le pasa lo mismo que a mi, he encontrado una "solución", o al menos la razón del problema.

La cadena de tiempo altera como funciona el bucle fade in/fade out así que cuantas más imágenes halla mayor será el problema a la hora de cuadrarlo, por lo menos es lo que yo he observado, si alguien tiene una idea, por favor, que la ponga.

Gracias

Etiquetas: jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:31.