イントロピクチャの後にスムーズにフェードインするWebページ

Question

私はここで解決策を見つけようとしていましたが、私はJavaScriptなどをかなり使い慣れています。

私が必要とするのは、ウェブサイトに入るときに最初に現れる会社のロゴです。ロゴはすばやく消えていくはずですが、おそらく500ミリ秒以内です。

とロゴが2秒間があった後に、それは消えていく必要があり、実際のWebページがフェードインする必要があります。

私はこの仕事をするように見えることはできません。手伝って頂けますか？ここで

は、イントロのページです：http://rockworksstudio.fi/index.html

そして、2秒程度後にそれがスムーズに、このページに変換する必要がありますhttp://rockworksstudio.fi/index2.html

私は本当にあなたが「過度に特定」することができることを願っています。前もって感謝します！

-tommi

ps。また、IEはデフォルトで特定の種類のコードをブロックし、回避することが重要です。

Answer 1

私はあなたのためのフィドルを作成しました：https://jsfiddle.net/mehmetb/c3q62m93/

setTimeout(function() { 
    //After 2000 milliseconds, fade out the overlay. The animation duration is 500 ms. 
    $(".overlay").fadeOut(500); 
}, 2000);