私は自分の画像スワッパーを作っています:
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
、画像を重ねて追加すると、壊れます-すべてのアニメーションが一度に発生するようです。
これを修正する方法、またはなぜこれが発生しているのか誰にもわかりませんか?