Linha de comando.com - Tecnologia, Informação, Dicas e muito mais. » Flash

Flash: Animação sobrepõe efeito lightbox

Tiago — Tue, 05 Apr 2011 13:07:24 +0000

Uma dica rápida.

Me deparei com um problema ao criar um site e compartilho com vocês.

O rodapé do site está em flash e fica embutido dentro de um div. Até aí tudo bem.

A área central do site é dinâmico e o conteúdo muda conforme a escolha no menu.

Neste site tem uma página que exibe uma galeria de fotos e ao aplicar um plugin JQuery apareceu o problema.

Ao clicar em uma imagem, a mesma era ampliada (efeito lightbox), porém parte da moldura da imagem ficava por trás do rodapé.

Segue solução:

Para resolver este problema, você deve tornar transparente a sua animação flash.

object

embed
wmode=”transparent”.

Exemplo:

<object classid="clsid:xxxxxxxxxx" codebase="" width="xxx" height="xxx" id="xxx">
   <param name="allowFullScreen" value="false" />
   <param name="movie" value="rodape.swf" />
   <param name="menu" value="false" />
   <param name="quality" value="high" />
   <param name="wmode" value="transparent" />
   ="transparent" type="application/x-shockwave-flash" ...  />
</object>

Flash: Fechando realmente uma animação

Tiago — Tue, 25 Aug 2009 13:17:49 +0000

Agora sim, pessoal, segue o código que fecha totalmente uma animação em Flash.

Arquivo HTML

<head>
<script type="text/javascript" > 
function fechaAnimacao() {
    var vFlash = document.getElementById('divFlash');
    vFlash.style.visibility = 'hidden';
}
script>
head>
<body>
    <div id="divFlash" style="position:absolute; z-index:10000; left:280px; top:300px">
        <arquivo flash>
    div>
    
body>

Animação FLASH

Acrescente o código no símbolo de clipe de filme (botão Fechar).

on (release)
{
    getURL("javascript:fechaAnimacao()");
}

O efeito pode ser visto clicando aqui.

Flash: Fechando uma animação

Tiago — Thu, 20 Aug 2009 01:10:57 +0000

No post anterior foi mostrado como controlar o tempo de execução de uma animação em Flash.

A animação era fechada após o tempo determinado na função.

Neste post, aprenda como fechar a animação ao clicar em um botão.

É bem simples:

Utilizando do código do post anterior, comente a linha mostrado abaixo:

Após, abra a sua animação no Flash e crie um símbolo de clipe de filme, com algo que identifique um botão de fechar.

Selecione este símbolo e acrescente o seguinte código.

on (release) {
   _root._visible=false;
}

O efeito pode ser visto clicando aqui.

Pronto!!! Espero ter ajudado…

JavaScript: getElementById + CSS + Flash

Tiago — Tue, 11 Aug 2009 17:58:21 +0000

Utilizando-se desses três recursos, faremos um efeito bem legal – uma animação será exibida assim que carregar a página e ficará ativa por alguns segundos.

Aqui eu não vou ensinar como criar a animação em flash, fique a vontade para criar a sua animação.

Vamos utilizar:
- animação Flash
- código JavaScript
- css inline

Acompanhe o código abaixo:

<head>
<script type="text/javascript" > 
function fechaAnimacao() {
    var vFlash = document.getElementById('divFlash');
    vFlash.style.visibility = 'hidden';
}
script>
head>
<body>
    <div id="divFlash" style="position:absolute; z-index:10000; left:280px; top:300px">
        <arquivo flash>
    div>
    <script>setInterval(fechaAnimacao, 8000);script> 
body>

Explicando:

- função fechaAnimacao(): função bem simples; é passado para a variável vFlash o id do elemento div definido com o nome de divFlash.

- Esta variável utiliza um manipulador css para ocultar a animação.
Em um post anterior eu disponibilizei uma tabela com as propriedades do css permitidas no JavaScript.
Acesse aqui.

- dentro da tag body temos um div que contém a animação Flash e logo após, um script que ao ser chamado espera 8 segundos para executar a função fechaAnimacao(). O div utiliza css inline para ajustar a posição. Você pode mudar os valores de left e top para definir uma nova posição. O z-index é utilizado para que a exibição da animação ocorra acima dos demais elementos div.