我正在制作自己的图像交换器:
function slideImages() {
var images = $('#frontimageswap a');
$(images[0]).fadeOut(1000).fadeIn(1000, function() {
$(images[1]).fadeOut(1000).fadeIn(1000, function() {
$(images[2]).fadeOut(1000).fadeIn(1000, function() {
$(images[3]).fadeOut(1000).fadeIn(1000, function() {
$(images[4]).fadeOut(1000).fadeIn(1000, function() {
$(images[5]).fadeOut(1000).fadeIn(1000);
});
});
});
});
});
}
$(function() {
slideImages();
setInterval(slideImages, 12000);
});//READY
这工作正常,例如:http: //jsfiddle.net/RMUta/13/
但是当我添加position: absolute
将图像堆叠在一起时,它会中断 - 所有动画似乎都是同时发生的。
有人知道如何解决这个问题或为什么会发生这种情况吗?