のjQuery：同時にフェードインとフェードアウト

Question

たsetIntervalによって定期的に呼び出され、次のコードは、次のシーケンス実行：750ミリ秒
2 diplayため
1フェード画像におけるそれは6秒
3.フェードアウトあなたが効果hereを見ることができる

$("#_fadee_").fadeIn(750, function() { 
    $("#_fadee_").delay(6000).fadeOut(750, randomPic); 
}); 

：750ミリ秒
4の画像がランダムに別の画像（機能randomPic）
5.フェード750ミリ秒間におけるので、を選択します。古いイメージのfadeOutと新しいイメージのfadeInを同時に実行するにはどうすればよいですか？あなたは何もしていない場合

おかげで、ラルフ

Answer 1

基本的には、画像の下にz-インデックスがある別のdivに新しい画像を読み込む必要があります。それは同時に退色している​​わけではありません、それはちょうど初期が消えているので、ちょうど明らかにされています。一番上のdivが完全にフェードアウトしたら、mewイメージをその中にロードし、不透明度を1に戻して、次のイメージをロードするdivをカバーします。擬似コードでは、このようなものになります。

var fadeO = function() { 
    var $fo = $('#_fadeO_'); 
    var $fi = $('#_fadeI_'); 
    var newImg = // load image here; 

    $fi.html(newImg); 

    $fo.fadeOut(1500, function() { 
     // put #_fadeO_ back on top with new image 
     $fo.html(newImg); 
     $fo.css({'display':'block', 'opacity':1}); 

     // call function again after 6 seconds 
     setTimeout(fadeO, 6000); 
    }); 
}; 

fadeO(); 

を...しかし、あなたは背景色の代わりに、画像の内容を切り替え、アクションでそれを見ることができたので、私はそれのフィドルを作りました。最初の頃

http://jsfiddle.net/UbmS9/

Answer 2

は他のあなたはこれを行うことができます：彼らは両方とも同じ領域に表示されている場合

$("#_fadee_").fadeIn(750, function() { 
    setTimeout(function() { 
     $("#_fadee_").fadeOut(750, randomPic); 
     // Start fading in your other pic 
    }, 6000); 
}); 

あるいは、あなたがフェードインができ、一度退色すると背景画像を次の画像にセットする。そして、それが消えたら、背景を次のように設定します。