Ir para conteúdo

Arquivado

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

Maurício M

[Resolvido] Como carregar um arquivo antes do site abrir?

Por , em Javascript

Recommended Posts

Maurício M    0

Maurício M
Postado

Iae galera do Imasters,

eu gostaria de usar o lytebox em um site, só que muitas vezes o site fica carregando e se clicar em algum local que executa o script, ele abre a página que deveria ser aberta com o lytebox. Daí eu gostaria de saber se há um modo de fazer com que esse arquivo seja o primeiro a ser carregado no site, pra caso o site esteja carregado e a pessoa clique num local que utiliza o lytebox, ele funcionar normalmente. Obrigado, estou aguardando.

Compartilhar este post

Link para o post
Compartilhar em outros sites

srnetcave    1

srnetcave
Postado

Mauricio,

 

Tem algumas maneiras de fazer o que esta querendo, sendo a mais comum, criar uma div 100% width and height com algum background-color que você quer, "ou qualquer outra coisa, use sua imaginacao. dae oque você faz, eh simplesmente esconder a div quando tudo estiver pronto ie "scripts carregados", assim o usuario nao podera interagir com o site antes dos scripts carregarem, "o que normalmente leva coisa de ms".

 

Exemplo usando jQuery...

 

<script type="text/javascript" src="seu.js"></script>
<script type="text/javascript">
// isso esconde sua div quando o body estiver pronto, ou seja, depois dos scripts terem sido carregados...
$(function(){
   $('#loadscreen').fadeOut();
});
</script>
<style type="text/css">
.loadscreen {
   height: 100%;
   width: 100%;
   display: block;
   position: absolute;
   background-color: #FFF;
}
</style>
<body>
   <div id="loadscreen"></div>
</body>

 

Abraco...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Willy Chagas    0

Willy Chagas
Postado

Opa ei Mauricio, pelo que entendi você precisa carregar paginas externas sem recarregar a página. segue o código

 

load.js

$(function(){

$("a").click(function(e){

	e.preventDefault();

	var link = $(this).attr("href");
	$(".carregando").show();

	$("#load").load(link, function(){
		$(".carregando").hide();
	});

})

})

 

 

 

Bom sempre que você clicar num link ele carrega a url passada no href, e carrega o conteudo dentro da div id load;

 

 

 

index.html

<html>
<header>
<title>Exemplo simples de load com Jquery</title>
</header>
</html>
<body>

<!-- Exibe o gif animado -->
<div class="carregando"></div>
<div id="load">
<!-- ATENÇÃO O CONTEUDO SERÁ EXIBIDO AQUI -->
</div>
</body>

 

No css estilize a class carregando e coloque uma imagem de um gif, você pode conseguir uns gifs legais no ( ajaxload.info );

 

 

ABRAÇO SE PRECISAR DA UM TOQUE

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Pelo primeiro post, acredito que a duvida inicial, não tenha nada a ver com ajax, nem history, ou então 'loadscreen'.

 

dá uma olhada nesse código, acredito que resolva perfeitamente o teu problema:

 

 

(Só Ativar Links após carregar imagens)

http://code.imasters.com.br/index.php?/topic/155-so-ativa-links-apos-carregar-imagens/

 

a ordem em que eu coloquei as tags scripts é importante.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

muitas vezes o site fica carregando e se clicar em algum local que executa o script, ele abre a página que deveria ser aberta com o lytebox.

ou seja, clicaram sob algum link, antes que o script fosse completamente carregado, então a ação default do link foi seguida, em vez de ter sido aplicado o javascript.

 

 

Mas então, Patrique.. me explica, pq eu não entendi o motivo do history.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Patrique    0

Patrique
Postado

Ops, estava lendo a partir do post do Willy Chagas, sem seguida o autor do tópico agradeceu, me pareceu que ele havia resolvido, por isso postei a solução do history.

 

Realmente a sua solução é a mais adequada srrss, malz srrsrsrs

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito