body {
    overflow: hidden;
}

/* Preloader */

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:9999999; /* makes sure it stays on top */
}

#status {
    width:250px;
    height:250px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(Files/Image/preloader.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

(function(){

	var tID = null;
	
	$('#status').css('background-image', 'url("' + $('#PRELOADIMG').find('img').attr('src') + '")');
	
	function onContentLoaded() {
		// call only once:
		$(window).off('load.oePreloader');
		clearTimeout(tID);
		
		// remove preloader:
		$('#status').fadeOut(); // will first fade out the loading animation
		$('#preloader').delay(250).fadeOut('slow'); // will fade out the white DIV that covers the website.
		$('body').css({'overflow':'visible'});
	}
	
	$(function(){
		var tID = setTimeout(onContentLoaded, 7000); // wait max 7 seconds after the page structure is loaded
	})
	$(window).on('load.oePreloader', onContentLoaded); // make sure the whole site is loaded

})();

<!-- Preloader -->
<div id="preloader">
    <div id="status">&nbsp;</div>
</div>