Criando um banner expansível no Flash CS3: Parte 3
(continuação)
3. Atribuindo nome de instância ao botão Home
Dê dois cliques no painel, clique no botão Home e na caixa nome de instância atribua o nome: "btnHome", esse será o nome que nos referenciaremos no código para ir para a URL desejada.
volte para Scene 1, selecione a camada action e inclua o seguinte código abaixo do já existente:
// acesso a home page
function irHomeSite(event:MouseEvent):void {
var siteURL:URLRequest = new URLRequest("http://www.aprendofacil.com.br");
navigateToURL(siteURL);
}
painel_mc.btnHome.addEventListener(MouseEvent.CLICK, irHomeSite);
3.1 Atribuindo nome de instância aos outros botões
Dê dois cliques no painel, clique em cada botão individualmente e na caixa nome de instância atribua nome seguindo a regra "btnNomeDoBotao", por exemplo: btnCurso, btnQuiz, etc...esse será o nome que nos referenciaremos no código para ir para a URL desejada.
Volte para Scene 1, selecione a camada action e inclua o seguinte código abaixo do já existente:
//*** acesso a página de tutoriais de banners ***
function irForumSite(event:MouseEvent):void {
var siteURL:URLRequest = new URLRequest("http://www.aprendofacil.com.br/Adobe-Flash/banners-e-publicidade/");
navigateToURL(siteURL);
}
painel_mc.btnForum.addEventListener(MouseEvent.CLICK, irForumSite);
// *** acesso a página de Download ***
function irDownload(event:MouseEvent):void {
var siteURL:URLRequest = new URLRequest("http://www.aprendofacil.com.br/category/banners-em-flash.html");
navigateToURL(siteURL);
}
painel_mc.btnDownload.addEventListener(MouseEvent.CLICK, irDownload);
Para o tutorial basta, deixe os demais sem link, pois a metodologia é a mesma, basta mudar o nome da função e a URL a ser carregada.
4. Alguns passos antes da publicação do banner
4.1 Transparência
Antes de publicar o banner, é necessário alterar a configuração da propriedade de transparência do arquivo. Se não fizermos isso, um quadro branco no tamanho do painel aparecerá na página mesmo quando o mouse estiver fora da área do banner. Clique em File > Publish Settings. Na janela que se abre, dentro da aba HTML, vá até o item Window Mode e selecione Transparent Windowless. Depois, na aba Formats, certifique-se de estar marcado Flash e HTML.
Por fim, clique em Publish e OK para gerar o arquivo .swf e o arquivo .html.
4.2. Compatibilidade
Alguns detalhes adicionais devem ser seguidos ao inserir o banner em uma página HTML. Para o bom funcionamento do banner, é preciso que ele seja publicado dentro de uma layer e certifique-se de ter o parâmetro wmode=“transparent” junto aos outros parâmetros que ficam dentro da tag do banner. Essa mudança é vital para que o banner expansível seja exibido perfeitamente no Firefox.
Tenha em mente ainda que é possível que em alguns micros com o Internet Explorer, em vez do banner aberto, seja mostrada apenas uma moldura com as dimensões do anúncio, que só será corretamente exibido se o internauta clicar sobre o banner. A causa do comportamento anormal é uma atualização do IE, identificada como KB912945 (a href=http://support.microsoft.com/kb/912945 target=blank>http://support.microsoft.com/kb/912945), que impede o acionamento automático de programas que usam controles ActiveX e encrenca com animações em flash que utilizam transparências.
Veja o banner pronto sobre uma página HTML.