Hola a todos!
Tengo una secuencia de imágenes que se suceden con un efecto de desvanecimiento. Las imágenes se insertan en un div del siguiente modo:
Y se suceden mediante la siguiente función:
Código Javascript
:
Ver originalfunction slideSwitch() {
if($("#slideshow").children().length==1){
int = clearInterval(int);
return;
}else{
var $active = $('#slideshow IMG.active');
if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
var $next = $active.next().length ? $active.next(): $('#slideshow IMG:first');
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}
}
Hasta ahí todo perfecto. El problema viene cuando cambio, mediante AJAX, el contenido del DIV e inserto otras imágenes distintas desde un archivo PHP. La función slideSwitch ya no funciona bien, toma varias imágenes a la vez y les cambia la opacidad (css), y ya no se suceden correctamente... ¿Sabe alguien qué está pasando?
Se puede ver en funcionamiento en [URL="http://www.eduardbaviera.com"]http://www.eduardbaviera.com[/URL]
Muchas gracias!