Netscape DevEdge

Skip to: [content] [navigation]

Busca

Solução FLASH para o elemento MARQUEE

Esse documento técnico descreve detalhes sobre o funcionamento do elemento Flash "banner" desenvolvido por NMD Internet e Multimídia. O "banner" tem a funcionalidade de animar diversas mensagens de texto, permitindo que se possa clicar nas mensagens, o que fará com que o browser carregue uma determinada página destino. Esse objeto foi implementado em Flash e permite a configuração de parâmetros assim atendendo aos requisitos visuais da página web.

No exemplo do Portal da Turma da Mônica, note que o elemento Flash encontra-se enquadrado dentro do balão de texto do "fantasminha".

Para a produção de tal efeito visual, algumas páginas utilizam da TAG MARQUEE - que não é recomendada por não se tratar se uma solução compatível nos browsers mais populares. Em outros casos, elementos visuais como esse são implementados em Java, como um applet. A solução em Flash é uma boa recomendação uma vez que Flash é comum nos principais web browsers e a performance da animação tem boa qualidade.

Arquitetura simples: Componente Flash implementado em ActionScript

Quando colocado em um página web, este elemento Flash cria uma área visual e mostra de forma animada as múltiplas mensagens de texto. Para cada mensagem é possível a customização parâmetros. Por exemplo, cores e velocidade. As configurações devem ser colocadas em um arquivo separado e disponibilizadas no servidor web juntamente com o elemento em Flash (arquivo swf).

Instruções de instalação e uso do nmdmarquee.swf

Coloque o elemento nmdmarquee.swf no diretório desejado e crie um sub-diretorio chamado msg. Esse sub-diretório será utilizado pelo nmdmarquee.swf para ler as configurações e os dados das notícias. Dentro desse sub-diretório, deve-se então utilizar dois outros arquivos:

Conteúdo do diretório msg

No conteúdo do arquivo de configuração (cfg.txt) coloca-se o número total de mensagens que deverão ser apresentadas, altura e largura em pixels. Veja o exemplo abaixo:
&total=2&
&largura=114&
&altura=64&

As mensagens de texto devem ser colocadas no arquivo msgs.txt. Veja o exemplo abaixo que mostra o conteúdo para duas mensagens somente. Lembre-se que o número de mensagens do arquivo msgs.txt deve ser o mesmo enumerado no arquivo anterior.

&msg1=<br>Mensagem 1<br>Visite o site NMD media&
&transparencia1=1&
&fundo1=FFFFFF&
&texto1=6633FF&
&url1=http://www.nmd.com.br&
&target1=_self&
&fonte1=verdana&
&entrada1=5&saida1=8&parada1=1&velocidade1=4&tamanho1=11&alinhamento1=1&esquer
da1=0&direita1=0&

&msg2=Mensagem 2 - visite o site DevEdge&
&transparencia2=1&
&fundo2=FFFFFF&
&texto2=665480&
&url2=http://devedge.netscape.com&
&target2=_self&
&fonte2=verdana&
&entrada2=2&saida2=8&parada2=3&velocidade2=3&tamanho2=11&alinhamento2=1&esquer
da2=0&direita2=0&

Funcionalidades

A tabela abaixo mostra as diversas funcionalidades que podem ser configuradas no arquivo msgs.txt:

  • transparencia= 1 (transparente) - 0 (sem transparencia)
  • fonte= arial ou verdana
  • alinhamento=1,2,3 - center, esquerda, direita
  • msg= mensagem (a quebra de linha é automatica, mas se quiser forçar a quebra aplique <br>)
  • velocidade= 1,2,3,4 (1 é a mais lenta)
  • direita=margem
  • esquerda=margem
  • entrada= 1(scrollleft), 2(scrollright), 3(fade in), 4(fade out), 5(scrollup), 6(scrolldown), 7(wipe down), 8(wipe up)
  • saída= 1(scrollleft), 2(scrollright), 3(fade in), 4(fade out), 5(scrollup), 6(scrolldown), 7(wipe down), 8(wipe up)
  • Exemplo funcional

    Esse exemplo basea-se nos parâmetros mencionamos anteriormente

    Colocando o elemento em sua página web

    Você pode fazer o copy e paste do código abaixo para a instalação do elemento em flash em sua página. Note que o funcionamento do objeto depende da estrutura de diretórios e os arquivos de configuração.

    Faça o Download do arquivo ZIP com o exemplo e arquivos necessários

    A+O