PreLoader

by Danilo Metzker

HTML

<div class="mascara"></div>

<iframe src="http://gamersboard.com.br/"></iframe>
<!-- IFRAME APENAS PARA DEMORAR O CARREGAMENTO -->

<h1>Página carregada</h1>

CSS

html{
	min-height:100%;
}

body{
	margin:0px;
	height:100%;
    text-align:center;
}

iframe{
	width:100%;
	height:100%;
	border:0px;
	position:fixed;
	top:0;
	left:0;
    visibility:hidden;
}

.mascara{
    position:fixed;
    width:100%;
    height:100%;
    background: url(http://templateocean.com/wrapbootstrap/zerif-html/v1.3/images/loading.gif) #fff no-repeat;
    background-position:center;
    z-index:99999;
}

JavaScript

function PreLoader(){
	$(".mascara").fadeOut();
}

window.onload = PreLoader;