Ir para conteúdo

POWERED BY:

Arquivado

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

Kaolapso

Pop Up Flash

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

Kaolapso    0

Kaolapso
Postado

Alguem saberia me dizer como faço aquelas animaçõezinhas que ficam flutuando na tela logo que a pagina abre. Tipo as animações de promoções q aparecem no uol e na globo.com . Ela aparece só a imagem meio transparente dançando na tela e só o botão para fechar. Obrigado !E ai pessoal?.....alguem sabe....por favor me ajudem.......

Compartilhar este post

Link para o post
Compartilhar em outros sites

( ((phabyo)) )    0

( ((phabyo)) )
Postado

Banners,

 

do uol, que vai descendo em zigue-zague, pode ser feito atraves da linha de tempo do dream, você coloca o gif, jpg ou o swf, e no botão de fechar tem um função -- feito no flash -- de esconder a DIV -- você faz um javascript -- (ou seja você faz uma div do tamanho do seu banner) ou tem a possibilidade de dar um tempo aparecendo e depois sumir, te aconselho a fazer um pesquisa no forum de dream, dhtml e javascript por banner, esconder...etc...

 

do terra, que é o expandido, o fla geralmente tem 468x300, você faz um rollOver e rollOut, no modo normal você deixa 468x60 quando o mouse for em cima , ai você faz a animação de "esticada" que ocupará todo os 300px de altura, e no mesmo caso do de cima, faz uma DIV do tamanho do banner inteiro aonde desejar e coloca este codigo na DIV <param name="wmode" value="transparent"> (ou seja este codigo faz o fundo do flash ficar transparente) quando você ver o codigo fonte você verá aonde colocar, te aconselho a fazer um pesquisa no forum de dream, dhtml e javascript por banner, esconder, expandido...etc...

 

E aqueles que ficam no lugar é a mesma coisa, você faz um DIV "estatica" num local exato e faz seu banner animado e utiliza o mesmo caso da 1ª explicação.

 

É isso, de uma pesquisa pelos forum, o forum "esconde" respostas que resolve nossos problemas. Imagem PostadaImagem Postada

 

Abraços

Fabio

Compartilhar este post

Link para o post
Compartilhar em outros sites

nanndoj    0

nanndoj
Postado

Man....você faz sua animação coloca na página com uma camada (layer).. onde você quer que ela apareça....aí você tem que definir que ela é transparente indo em parâmetos e colocandoparametro = wmodevalor = transparentno código html fica assim<param name="wmode" value="transparent">ok???

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kaolapso    0

Kaolapso
Postado

Ok...consegui fazer o que vcs disseram...muito obrigado....Eu fiz um arquivo flash e joguei ele dentro de uma div que pega tipo metade da minha pagina....pois fiz a animação "passear" pela tela . Só restaram algumas duvidas:1 - Essa animação nao passa por cima de um outro .swf que esteja dentro de uma tabela,por exemplo , né ?2 - Como eu faço o botão de fechar ? Pq se eu só fechar o flash , tipo ,dando um goto para um frame em branco eu nao vou conseguir acessar os links que estavam atras da Div que eu criei para colocar o swf ? Valew pessoal......pelo menos metade do caminho esta sendo percorrido....rs....

Compartilhar este post

Link para o post
Compartilhar em outros sites

( ((phabyo)) )    0

( ((phabyo)) )
Postado

exemplo de botão fechar:

 

Dentro da tag <head>

 

<script>

function Esconde(){

document.getElementById('flash').style.visibility="hidden";

}</SCRIPT>

"flash" (sem aspas) quer dizer que você deu um nome pra DIV como se fosse estanciar no flash, mais você faz no html.

 

sua div será assim:

 

<DIV ID="flash" STYLE="position:absolute; left:250px; top:250px; z-index:11;">

<OBJECT CLASSID="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" WIDTH="300" HEIGHT="293" ID="flash">

<PARAM NAME="movie" VALUE="seuflash.swf" />

<PARAM NAME="quality" VALUE="hight" />

<PARAM NAME="wmode" VALUE="transparent" />

<EMBED SRC="seuflash.swf" QUALITY="high" WIDTH="300" HEIGHT="293" NAME="flash" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" />

</OBJECT>

</DIV>

o botão de fechar de fechar:

on (press){

    getURL("java script:Esconde()");

}

Só lenbrando que se você mandar para grandes portais ou outros sites, variam a action colocada no flash.

 

 

outra coisa que esqueci no ultimo frame da animação, coloque direto no frame:

getURL("java script:Esconde()");

você poderá controlar quanto tempo ela ficará na tela, assim a animação não fica rodando e enchendo o usuario.

 

//vou mover pra tutoriais, assim fica mais facil de encontrar

 

Abraços

Fabio

Compartilhar este post

Link para o post
Compartilhar em outros sites

Narciso    0

Narciso
Postado

No Terra, eles utilizam a tecnologia de um software que já faz tudo isso. O nome do software é Checkm8. Ele te pede as informações do tempo que você quer que o swf apareça na tela, o local, o lnk, etc, é tudo feito por ele. Ele já cria o código direto.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kaolapso    0

Kaolapso
Postado

Perfeito ....funcionou beleza......Agora..., desculpe a chatice...já me considero satisfeito,mas só pra implementar...se eu quizesse dar um tempo de vida para essa minha animação, como eu faria ? E ele nao passa sobre outros flash da tela né ?Valew mesmo...esse é o melhor forum de desginer da Web........

Compartilhar este post

Link para o post
Compartilhar em outros sites

( ((phabyo)) )    0

( ((phabyo)) )
Postado

Isso no html

 

Dentro da tag <head>

 

 

 

<script>

function Esconde(){

document.getElementById('flash').style.visibility="hidden";

}</SCRIPT>

 

"flash" (sem aspas) quer dizer que você deu um nome pra DIV como se fosse estanciar no flash, mais você faz no html.

 

sua div será assim:

 

 

<DIV ID="flash" STYLE="position:absolute; left:250px; top:250px; z-index:11;">

<OBJECT CLASSID="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" WIDTH="300" HEIGHT="293" ID="flash">

<PARAM NAME="movie" VALUE="seuflash.swf" />

<PARAM NAME="quality" VALUE="hight" />

<PARAM NAME="wmode" VALUE="transparent" />

<EMBED SRC="seuflash.swf" QUALITY="high" WIDTH="300" HEIGHT="293" NAME="flash" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" />

</OBJECT>

</DIV>

 

 

 

Isso no Flash

 

 

o botão de fechar de fechar:

 

 

 

on (press){

getURL("java script:Esconde()");

}

Só lenbrando que se você mandar para grandes portais ou outros sites, variam a action colocada no flash.

 

 

outra coisa que esqueci no ultimo frame da animação, coloque direto no frame:

 

getURL("java script:Esconde()");

você poderá controlar quanto tempo ela ficará na tela, assim a animação não fica rodando e enchendo o usuario.

 

Te sugiro estudar mais html e action script, pra saber a diferença entre eles.

Leia, releia, faça testes, mude, inverta, tenta, pesquise pelo forum e com certeza você consegue o que quer, quando não conseguir realmente, poste no forum , muitos estão aqui pra ajudar e apreender tbm.

 

Abraços

Fabio

Compartilhar este post

Link para o post
Compartilhar em outros sites

douglasdeodato    2

douglasdeodato
Postado

outra coisa que esqueci no ultimo frame da animação, coloque direto no frame:beleza véi consegui fazer se quiser da uma olhadinha no site acessa aewww.soagalera.com.br mas seguinte:esse comnado aki q você disse eu nao coloquei ele pra q serve ---->-----> QUOTE getURL("java script:Esconde()"); E OUTRA QUERIA SABE COMO FAEZR A KELA Q O CARA COLOCA O MOUSE EM CIMA E ELA AUMENTA IGUAL A QUE você FEZ E O TEMPO COMO CONTROLO O TEMPO PRA ELA DEPOIS DESAPARECER VALEUZ VÉI você É O CARA HEHEHEHEvocê poderá controlar quanto tempo ela ficará na tela, assim a animação não fica rodando e enchendo o usuario.

Compartilhar este post

Link para o post
Compartilhar em outros sites

( ((phabyo)) )    0

( ((phabyo)) )
Postado

É uma animação normal feita na timeline, é só abrir a pagina (ou atualizar a pagina) e não colocar o mouse em cima dos banners q você verá, simples.... Imagem Postada

 

 

Abraços

Fabio

Compartilhar este post

Link para o post
Compartilhar em outros sites

douglasdeodato    2

douglasdeodato
Postado

cara nao entendi tipo esse efito fazemos no flash?seguinte quero na html aparecer a metade do quadrado ok? ae quando eu passar o mouse em cima o resto da metade do quadrado aparecer entendeu da pra da uma explicada ae cara? valeu agradeço fera

Compartilhar este post

Link para o post
Compartilhar em outros sites

( ((phabyo)) )    0

( ((phabyo)) )
Postado

que é o expandido, o fla geralmente tem 468x300, você faz um rollOver e rollOut, no modo normal você deixa 468x60 quando o mouse for em cima , ai você faz a animação de "esticada" que ocupará todo os 300px de altura, e no mesmo caso do de cima, faz uma DIV do tamanho do banner inteiro aonde desejar e coloca este codigo na DIV <param name="wmode" value="transparent"> (ou seja este codigo faz o fundo do flash ficar transparente) quando você ver o codigo fonte você verá aonde colocar, te aconselho a fazer um pesquisa no forum de dream, dhtml e javascript por banner, esconder, expandido...etc...

essa parte ? o expandido?.....como falei seu fla tem que ter 468x300px ... procure por rollOver e rollOut (no caso daquele exemplo utilizei uma mascara animada) e faça uns teste....AbraçosFabio

Compartilhar este post

Link para o post
Compartilhar em outros sites

douglasdeodato    2

douglasdeodato
Postado
Imagem Postada hheh nao entendi bem mas vo da uma estudada agora mas outra duvida tipo esse flash ae q to escondendo ele ta rodando na pagina por tras dos outros flash q tem nem tem como ele ficar por cima desses flashs????

Compartilhar este post

Link para o post
Compartilhar em outros sites

( ((phabyo)) )    0

( ((phabyo)) )
Postado

vamos que vamosteu fla terá 300 px de altura e 468 de largurao btn de trasparente no modo full (468x60) terá esta action

on (rollOver) {gotoAndPlay("expandido");}

ou seja ele vai pro frame que tem a label expandido que irá começar a animação (será feito utilizando mascara, você animará a mascara...fazendo a esticada ate atingir 468x300)quando ele estiver esticado, o btn transparente (de 468x300) terá esta action

on (rollOut) {gotoAndPlay("normal");}

ou seja, ele quando o mouse sair de cima ele vai pro frame que tenha a label normal.o resto dependerá de seus estudos e conhecimentos :thumbsup:e quando deixar swf sobre swf é só ver o z-index, no caso dos meus exemplos, o expandido está z-index:1 e o dhtml z-index:11e vamo que vamo.....AbraçosFabio

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Flash, ActionScript e tecnologias Adobe
×

Informação importante

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

  Aceito