Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Lucas C.S

Abri pagina quando carrega 100%

Por , em PHP

Recommended Posts

Lucas C.S    2

Lucas C.S
Postado

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:

Compartilhar este post

Link para o post
Compartilhar em outros sites

ESerra    744

ESerra
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Codando    1

Codando
Postado 




<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" 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>



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
			
			



		

	


	
	

	

	







	

		
			
				Ir para a lista de tópicos
				PHP
			
		
	

	




	

	

	




						


	

		
	


					

					

	

		
        


	

		
    
			
				
					
					
  • 
				
					
					
  • 
				
					
					
  • 
				
			
		

	


		
            
			

	

		
		

			

				
			

		

	



		
	


					

				

			

			
		

		
		


	×
	

		

			

			

				
			


			
		

	



		

	































	
















		
			
		
		
		
		







	




	







	

		

			

				
Informação importante

				
Ao usar o fórum, você concorda com nossos Termos e condições.

			

			

				  Aceito