Индикатор загрузки страницы сайта картинкой

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Индикатор загрузки страницы сайта картинкой</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="/assets/js/jquery-2.1.1.min.js"></script>
<style>
.preloader {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 background: #fff;
 overflow: hidden !important;
 z-index: 99999;
}
.loaderimg {
 position: absolute;
 left: 50%;
 top: 50%;
 margin: -30px 0 0 -30px;
 width: 60px;
 height: 60px;
 background: url(//atmpl.ru/design/preloader/2015/script-loader/preloader.gif) center center no-repeat;
}
</style>
<script>
jQuery(window).load(function() {
 $(".loaderimg").fadeOut();
 $(".preloader").delay(1000).fadeOut("slow");
});
</script>
</head>
<body>
<div class="preloader">
<div class="loaderimg"></div>
</div>

<iframe src="http://atmpl.ru/" frameborder="0"></iframe>
<iframe src="http://atmpl.ru/load" frameborder="0"></iframe>
<iframe src="http://atmpl.ru/publ" frameborder="0"></iframe>
<style>
[src^="http://atmpl.ru"]{display:table;margin:0 auto;max-width:100%;}
</style>

</body>
</html>