Ir para conteúdo

POWERED BY:

Arquivado

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

phpricardo

[Resolvido] Preloader Página com JQUERY

Por , em Javascript

Recommended Posts

phpricardo    0

phpricardo
Postado

Galera atualmente to usando um javascript pra carregar pagina toda, ele pelo que faz é basicamente esperar todas as coisas da pagina carregar pra depois mostra-la de uma vez.

 

<style>
.oculta {
   display:none;
}

.normal {
   display:block;
}
</style>

<script>

window.onload = function() {
   document.getElementById( "site" ).className = "normal";
   document.getElementById("Carregando").className="oculta";
}

</script>


<div class="oculta" id="site">
SITE TODO....
</div>

 

Mas eu queria tentar fazer isso usando Jquery se é possivel? criando um fadeIn pra mostrar o site.

Ajuda?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

hum... ainda bem que existe o seletor global Imagem Postada

<html><head><script type="text/javascript" src="jquery-1.4.2.min.js"></script><script type="text/javascript">$(document).ready(function(){	$(window).load(function(){		$('body *').fadeIn();	});});</script><style type="text/css">body * {	display: none;}</style></head><body>	<div>		<img src="http://www.linhadecodigo.com.br/artigos/img_artigos/brto22/ImagemPB/imagem1.jpg" alt="" />	</div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

phpricardo    0

phpricardo
Postado

Hahaha...

 

muito bom, tive que fazer uma modificação pra carregar o #ID apenas, mas deu certo aparentemente.

 

Valeu! Imagem Postada

Compartilhar este post

Link para o post
Compartilhar em outros sites

wdc_black_    0

wdc_black_
Postado

eai willian, cara, como eu faria apenas pra executar o fadeIn, quando a pessoa entressa pela primeira vez no site = a 1 preloader em flash...

pq senao cada vez que 1 link é clicado, ela executa esse efeito...

teria como fazer algo do tipo???

vlww :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

@wdc_black_ , usa cookie cara.

 

o cara entra, você grava um cookie.

na proxima vez, você verifica se o cookie existe ou não, para ver se dispara essa animação.

Compartilhar este post

Link para o post
Compartilhar em outros sites

wdc_black_    0

wdc_black_
Postado

hummm e o cookie é liberado quando ele fecha a página???

 

:D

 

fiz assim, mas n funcionou willian

 


<?php setcookie("loader", 0); ?>


<?php if ($_COOKIE["loader"] == 0) {
?>
<script type="text/javascript">
$(document).ready(function(){
       $(window).load(function(){
               $('body').fadeIn(3000);
       });
});
</script>
<?php 
setcookie("loader", 1);
}
?>

 

deu esse erro

 

Warning: Cannot modify header information - headers already sent by (output started at C:\xampplite\htdocs\temppo\topo.php:13) in C:\xampplite\htdocs\temppo\topo.php on line 23

 

linha 23 está o 

setcookie("loader", 1);

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

ai o teu problema é php.

 

você não pode gravar um cookie no meio do html.

ele envia um header, portanto deve ser feito antes de qualquer output.

 

o tempo de expiração do cookie, você configura qndo cria ele.

Compartilhar este post

Link para o post
Compartilhar em outros sites

JCMais    75

JCMais
Postado

Lembrando que é sempre bom levar em conta a acessibilidade, o conteúdo do site poderá ser visto por pessoas com javascript desabilitado?

Compartilhar este post

Link para o post
Compartilhar em outros sites

wdc_black_    0

wdc_black_
Postado

eu nao entendi, como entao posso fazer o teste para que so execute o script quando a pessoal acessar a primeria vez o site,

se eu nao posso alterar o valor do cookie depois??

 

JCMais - FLF, quem usa js desabilitado ta ralado hehehehe :P

Compartilhar este post

Link para o post
Compartilhar em outros sites

0cool    0

0cool
Postado

você cria o cookie... sempre que o cara acessar o site, o sistema faz a verificação para ver se o cookie foi criado... se esta criado não executa a função, se esta criado simplesmente ignora e não faz nada.

 

Procure por cookie em javascript ou faça em php ou outra linguagem dinâmica, tem um monte de exemplos espalhados na rede, a lógica é simples.

Compartilhar este post

Link para o post
Compartilhar em outros sites

wdc_black_    0

wdc_black_
Postado

isso eu entendi que tenque fazer,

só n entendi como fazer o teste, n to entendo a lógica para funcionar somente quandom a pessoa entrar pela primeira vez

Compartilhar este post

Link para o post
Compartilhar em outros sites

0cool    0

0cool
Postado

velho foi o que eu disse... mais vamos a um exemplo utilizando jquery.

 

Primeiramente baixe o plugin http://plugins.jquery.com/files/jquery.cookie.js.txt salve ele como "jquery.cookie.js" no seu computador na mesma página de teste e cole o seguinte code.

 

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" language="javascript" src="jquery.cookie.js"></script> 
<script type="text/javascript">
$(document).ready(function(){
  if ($.cookie("visita") == null) {
     $('#alerta').html('sua primeira visita o cookie ainda não foi criado, atualize a página...');
     $.cookie("visita", {expires: 1});
  } else {
     $('#alerta').html('sua segunda visita no dia, portanto aparece a segunda mensagem');
  }
});
</script>
</head>
<body>
  <div id="alerta"></div>
</body>
</html>

 

Com este exemplo será simples entender.

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