[jQuery], [font-awesome] 페이지 로딩 이미지 띄우기

<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<!-- font-awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
#loading {
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0px;
 position: fixed;
 display: block;
 opacity: 1;
 background-color: #fff;
 z-index: 99;
 text-align: center;
}

#loading-image {
 position: absolute;
 top: 50%;
 left: 50%;
 z-index: 100;
 font-size:4rem;
}
</style>

<div id="loading">
    <div id="loading-image" class="fa fa-spinner fa-spin"></div>
</div>

$(window).load(function() {
    //$('#loading').hide();
});