Ir para conteúdo

POWERED BY:

Arquivado

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

webtopo

slideshow fullscreen

Por , em Javascript

Recommended Posts

Alexandre_Cruz    4

Alexandre_Cruz
Postado

Galera, gostaria de fazer um site no estilo desse aí, onde as fotos abrem em tela inteira em qualquer resolução: http://www.mansaodacolina.com.br

Se alguém souber e puder me ajudar, agradeço.

Aqui tem algo, sobre full screen tmb.

 

CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

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

<title>Flash Fullscreen</title>

<style>

html, body {

height: 100%;

margin: 0;

padding: 0;

}

 

#flashFullscreen {

width: 100%;

height: 100%;

}

</style>

</head>

<body>

<object type="application/x-shockwave-flash" data="flashFullscreen.swf" id="flashFullscreen" width="640" height="480">

<param name="movie" value="flashFullscreen.swf" />

<param name="allowFullScreen" value="true" />

</object>

</body>

</html>

flashFullscreen.swf - nome de exemplo do arquivo .swf do site, caso queira renomeie o arquivo seu para esse nome ai você não altera nd

 

esse código faz com q a tela toda seja ocupada

 

ja os scripts que fazem o menu não consigo extrair desse site.

 

Outra coisa, Voce quer fazer isso com as imagens certo ? Então faça assim

 

no seu quadro pegue um quadro vazio e uma linha do temp vazia (óbvio)

 

Após isso para cada foto use 30 frames e faça isso:

 

| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | - (linha do tempo em frames)

_____

esses 5 frames você usa para o "fade" que no caso voce faz uma motion com a foto

 

crie um key frame no quadro 1,5,25 e 30

 

insira a mesma foto neles (DICA: Use as imagens na biblioteca, assim você econoiza espaço na sua arte)

 

na frame 1 e 5 você tem uma motion twin no frame 1 você define a foto como "alpha 0%" o que a deixa branca

e no 5° frame certifique-se que a imagem tem seu alpha como 100% agora você fez o 1° fade

 

agora o fade out deve ser feito para trocar de imagem, voce pode fazer 2 diferentes.

 

fade out 1:

 

no frame 25 deixe a imagem identica a do do frame 5

 

agora vá ao frame 30 defina o alpha da imagem como 0%

 

fade out 2:

 

no frame 25 a imegem deve estar como no 5,

 

agora você vai ao quadro 30 e define o alpha como 50%

 

agora crie outro keyframe no quadro 35 e defina o alpha da mesma imagem como 0%

 

novamente você pegara uma imagem, só q agora a 2ª imagemdo seu site e por ela no frame 25,

 

após isso defina o alpha da imagem como 0%, no frame 30 alpha dela 50% e no 35 alpha 100%

 

crie motiontwin entre todos os frames sem excessão assi você evita error

 

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

 

Meu teclado esta ruim, ele n digta algumas letras sempre o que causa a falta das mesmas; Logo que possível eu arrumo se houver erros.

 

Alexandre

 

PRONTO VOCE FEZ O FUNDO DO SITE (SÓ TERÁ Q FAZER ISSO COM TODAS AS IMAGENS Q FOR USAR TD DE NOV)

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