フェードはJavascript

Question

をスライドに私はwww.harispapadakis.eu、このウェブサイトを持って、私は（編集ノートこのコード

function changeBackground() { 
    ++currentBackground > 2 && (currentBackground = 0), 
    $(".c-hero").fadeOut(4e3, function() { 
     $(".c-hero").css({ 
      "background-image": "url('" + backgrounds[currentBackground] + "')" 
     }), 
     $(".c-hero").fadeIn(3e3) 
    }), 
    setTimeout(changeBackground, 15e3) 
} 

var currentBackground = 0, 
    backgrounds = []; 

backgrounds[0] = "media/main.jpg", 
backgrounds[1] = "media/main2.jpg", 
backgrounds[2] = "media/main3.jpg", 
$(document).ready(function() { 
    setTimeout(changeBackground, 7500) 
}); 

を使用しています：縮小さコードからフォーマットされた、ifが&&に縮小されている、;があります私はFを変更したい

... ,に縮小さと3000は3e3に縮小される）

このコード、フェードインとフェードアウトを背景srcを変更していますこれは、背景画像を変更することだと私は素敵なアニメーションをしたい...左にスライドしてADE。これ答えは助けるかもしれ

Answer 1

事前に

ありがとう：How do you fadeIn and animate at the same time?

むしろ.fadeInを使用するよりも、使用することを検討してください複数のCSS遷移を実行するjQueryの.animate関数。例えば

、代わりに：

$(".c-hero").fadeIn(3e3) 

http://api.jquery.com/animate/ @seeやってみてください。

$(".c-hero").animate(
    {opacity: 1, left: "-=50"}, // css attributes to animate 
    3000, // duration in seconds 
    function(){ /**callback function after it completes**/} 
});