Resolvendo a sobreposição de arquivos Flash em Lightbox

Eduardo Lacorte 27 de julho de 2011 0

Ministrando um treinamento no dia de hoje fui consultado sobre um problema bastante usual no Desenvolvimento Web: sites que utilizam o recurso de Lightbox (ou Shadowbox, Fancybox, etc), que escurece a tela do site para mostrar uma imagem, e que acabam tendo problemas com aplicativos Flash que se sobrepoem ao efeito de escurecimento da tela. E como resolver isso?

Simples. Não importando a maneira como se implementa o Flash no site, ele deve ter seu wmode setado para transparent. Veja abaixo duas maneiras bastante usuais da resolução do problema:

Modo 1

Se a chamada do Flash for via JavaScript sem parameters no código HTML basta implementar o código ‘wmode’,'transparent’ em algum ponto da chamada da função, como abaixo:

<script type="text/javascript"><!--mce:0--></script>

Modo 2

Se a chamada do Flash contiver parameters no código XHTML, fica da seguinte maneira:

<param name="wmode" value="transparent" />

Já em HTML 5, a diferença é que não há o fechamento da tag nela mesma. Veja abaixo:

<param name="wmode" value="transparent">

Com isso, os arquivos Flash sempre aparecerão atrás dos Lightboxes e variantes do mesmo efeito.
Abraços!

PDF Download    Enviar artigo em PDF   

Leave A Response »