javascript - ページがロードされた後にフェードインする方法: Javascript

Question

ホームページをフェードインするためにフェード効果スクリプトを使用していますが、理想的には、背景画像がロードされたらフェードを開始したいと考えています。

これを既存の JavaScript に組み込むにはどうすればよいですか?

更新されたスクリプト:

<script type="text/javascript">
$(window).load(function() {
    if (window.localStorage && !localStorage['faded']) {
        localStorage['faded'] = true;
        $('body').hide().fadeIn(500);
    }
});
</script>

CSS:

html {
    background: #000;
    height: 100%;
}
body {
    background: black url(images/bg.jpg) no-repeat 200px center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    height: 100%;
}