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 ?