splash screen html
<head>
<script type="text/javascript" src="//code.jquery.com/jquery-2.1.3.min.js"></script>
<link rel="stylesheet" href="jquery.SplashScreen.css" type="text/css" media="screen" />
<script type="text/javascript" src="jquery.SplashScreen.js"></script>
</head>
<script>
$(document).ready(function() {
$.SplashScreen();
});
</script>
<script>
$(document).ready(function() {
$.SplashScreen({
id: 'splashscreen',
desktop: true,
mobile: true,
forceLoader: false,
queryParameter: 'loader',
progressCount: false,
progressCountId: 'status',
progressBar: false,
progressBarId: 'progress',
fadeEffect: true,
timeToFade: 1000, // in milliseconds (eg: 1000 = 1sec)
timeOut: 2000 // in milliseconds (eg: 2000 = 2sec)
});
});
</script>
<div id="splashscreen">
<!-- you can add your custoem preloader images etc.... -->
</div>