Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Eaw rapaziada, vim aqui tira uma duvida com vocês quero fazer um sistema que faz o site abrir só depois que ele carregar 100% carregar as imagens os css, alguém ai pode me passar um tutorial pra min da uma estudada ou ate mesmo me fala que tipo de linguagem eu vou usar pra fazer esse sistema, depois que tiver pronto ele vou joga ali no laboratório abraço :coolio:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sem título</title>
<link href="[http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css](http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css)" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type='text/javascript'>if(typeof $ != 'function' || $('body').dialog === null){
document.getElementsByTagName('html')[0].innerHTML = 'Você precisa do JQUERY e do JQUERYUI para usar esta página';
};
a = 1;
carrega = function(){
if(a>=100){carrega = function(){return false;};$('#carregando').hide(100);$('#index').dialog({modal:true,beforeclose:function(){location.reload();return false}}).show(100)};
a <= 100 ? setTimeout(function(){carrega()},1500) : null;
a = a+Math.floor(Math.random()*10)+1;
$("#carregando").progressbar({
value:a
});
};
$(document).ready(function(){
carrega();
});
</script>
</head>
<body>
<center>
<div style='width:300px' id='carregando'>
</div>
<div id='index' style='display:none'>Página carregada.
</div>
</center>
</body>
</html>
A solução mais simples é montar um overlay que fique acima do conteúdo de todo site, usando o .ready() do jquery você saberá o momento em que pode remover este overlay.