jQuery .fadeIn同時に発生する

Question

jQueryを使用してバナーを作成しようとしましたが、display：noneで始まる同じ位置に4つの画像を使用してから、最初の画像をフェードインして消してしまいましたそれらの4人のために。私が構築しているコードだ

：

$('.aaa').fadeIn(length); 
    $('.aaa').fadeOut(length); 
    $('.aab').fadeIn(length); 
    $('.aab').fadeOut(length); 
    $('.aac').fadeIn(length); 
    $('.aac').fadeOut(length); 
    $('.aad').fadeIn(length); 
    $('.aad').fadeOut(length); 

それはフェードアウトとしていたが、すべての画像は本当に奇妙に見えたと同時に、フェージングたが、誰かがそれらを個別にフェード作る方法を知っているのですか？彼らは

Answer 1

順であるとすることができますクラスを共有している場合、彼らは一般的なクラスや、それらのすべてを取得する他の方法を共有することができない場合は、それを表示する

var imgs = $('.common').toArray(); 

function disp_next() { 
    $(imgs.shift()).fadeIn() 
    .delay(1000) 
    .fadeOut(function(){ 
    if(imgs.length !== 0) { 
     disp_next(); 
    } 
    }) 
} 

disp_next(); 

それをフェードアウト各1をループ1つのjQueryのセレクタは、[コールバックでjqueryのフェード待機していない]のfadeInとfadeOut

$('.aaa').fadeIn(function(){ 
    $('.aaa').fadeOut(function(){ 
     $('.aab').fadeIn(function(){ 
      $('.aab').fadeOut(); 
     }) 
    }) 
})