Ir para conteúdo

POWERED BY:

Arquivado

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

Inside

[Resolvido] Fade com CSS

Por , em Desenvolvimento frontend

Recommended Posts

Inside    2

Inside
Postado

Caros amigos,ainda não consegui resolver esta questão, nesse site que foi indicado não encontrei o que eu estou precisando.Preciso de Fade Out que tampe todo o site e depois vá mostrando o site ao poucos, já vi isto muitas vezes mas não estou encontrando um exemplo agora.Já encontrei vários scripts mas nenhum faz o que eu preciso.Alguém pode ajudar.Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

1 - Baixe o scriptaculous e prototype

2 - Inclua no seu header:

<script type="text/javascript" src="prototype.js"></script><script type="text/javascript" src="scriptaculous.js?load=effects"></script>
3 - Defina um ID para sua tag BODY:

<body id="pagina">
4 - Coloque mais esse script no header:

<script type="text/javascript"><!--window.onload = function(){   new Effect.Appear('pagina');}// --></script>

And that's it!

 

Seja feliz

 

[]'s

 

PS: Código não testado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Inside    2

Inside
Postado

Caro amigo, obrigado mas não funcionou. Aparece erro:

 

"Effect não está definido"

 

Se tirar o código:

 

<script type="text/javascript"><!--window.onload = function(){   new Effect.Appear('pagina');}// --></script>
Não dá erro mas também não funciona.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Baixou o scriptaculous e o prototype? Está incluindo eles corretamente?[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Você tem como colocar on-line o seu teste? Seria muito bom pra vermos o que está havendo http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Além do scriptaculous.js você precisa ter os outros scripts do scriptaculous na mesma pasta, builder.js, effects.js, etc... senão não funciona de jeito nenhum[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Inside    2

Inside
Postado

Caro amigo,

 

coloquei tudo a mesma pasta mas não funcionou ainda.

 

O que será que está faltando?

 

 

Será que tem haver com isso:

 

<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Não deve ter relaçção com o encoding.

 

Mude seu javascript pra:

<script type="text/javascript"><!--window.onload = function(){   $('pagina').style.display = 'none';   new Effect.Appear($('pagina'));}// --></script>

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Inside    2

Inside
Postado

Valeu INSIDE, me salvou mais uma vez. Funcionou. Obrigado.Só mais uma pergunta, tem como mudar o tempo para ir aparecendo mais devagar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Não estou certo, mas acho que é assim:

 

new Effect.Appear($('pagina'), {'duration' : '1000'});

Quanto maior o numero mais demorado fica, se não funcionar me avisa

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fall    0

Fall
Postado

Adorei essa matéria

e me surgiu uma pergunta porem bem basica pra vcs ^^

 

ao invés do site todo eu quisese q esse efeito fosse aplicado somente quando eu clicasse num link

 

imagino q seria soh definir o "id" apenas pra o suposto link?

 

 

 

gracias mais una vz

 

 

obrigado

Compartilhar este post

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

Informação importante

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

  Aceito