Update
Eu fiz uma solução mais fácil do que todo este hub-bub. Eu estarei afixando a como-a logo. Estão aqui um pequeno como-a fazer seus bornes, e a imagem que vê um bocado mais fácil sem todo o levantamento pesado. Anote que meu objetivo era mostrar somente as imagens em SSP para um post particular. Isto significa que você pode ter uma galeria de SSP para bornes diferentes, e podem ser inteiramente diferente.
Os Arquivos
Agora no poximo post coloco o codigo

Hoje recebi um email falando sobre um jornal em portugal que colocou uma enquete. que era muito intrigante…

isso é lindo uma enquete que só tem uma opcção para marcar.

Você DECIDE????……

 

Start Slide Show with PicLens Lite

Por que ele é melhor do que o resto

Através dos tempos, surgiram muitos métodos para a detecção da versão do Flash player e inserção dos filmes Flash em documentos HTML. Esta seção analisará cada um dos métodos mais populares e apontará os problemas em cada um deles.

1. A inserção padrão fornecida pela Macromedia

Todo mundo conhece a inserção padrão fornecida pela Macromedia. Ela consiste de uma tag Object com uma tag Embed introduzida como um mecanismo de alternativa no caso de falha. Este é o método de inserção de Flash mais popular e é a escolha padrão quando você publica seu filme Flash através da IDE do Macromedia Flash. É também o método mais compatível para inserir um filme em Flash, e vai funcionar na mais ampla gama de navegadores. Aqui está um exemplo do código padrão de inserção de Flash:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
width="550" height="400" id="Untitled-1" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="mymovie.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="mymovie.swf" quality="high" bgcolor="#ffffff" width="550"
height="400" name="mymovie" align="middle" allowScriptAccess="sameDomain"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

Mesmo sendo o método mais comum para inserir seus filmes Flash, ele tem alguns problemas:

• Não há detecção de plug-in: assim, os usuários podem ver um conteúdo quebrado, ou mesmo nenhum conteúdo. E se não houver nenhum plug-in instalado, eles poderão ver, no IE, uma caixa de diálogo de “Instalação de controle ActiveX” – uma caixa que muitos usuários temem, devido aos diversos spywares e malwares – ou aquela estranha “peça de quebra-cabeça” nos navegadores baseados no Mozilla. Nenhum desses sistemas de instalação de plug-in são amigáveis aos usuários, e frequentemente não são auto-explicativos o suficiente para informar o que estão instalando.
• Com as mudanças da disputa de patentes Eolas, os usuários têm que clicar primeiro no seu conteúdo em Flash para “ativá-lo”, antes de interagir com ele. Mais informação aqui.
• Ele não é válido como HTML ou XHTML: a tag embed não existe em nenhuma versão do HTML ou do XHTML. No entanto, uma vez que diversos navegadores lidam com as tags object de modo diferente (ou não lidam, ou mesmo têm implementações cheias de bugs), a tag embed foi necessária como um mecanismo de contorno de falhas.

 

2. Apenas a tag object / Flash Satay

Este método ganhou popularidade depois de um artigo publicado, em 2002, no A List Apart. Aqui estão dois exemplos de inserção com apenas a tag object, e Flash Satay:

Apenas a tag object

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
width="300" height="120">
<param name="movie" value="http://www.macromedia.com/shockwave/download/triggerpages_mmcom/flash.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<!--[if !IE]> <-->
<object data="http://www.macromedia.com/shockwave/download/triggerpages_mmcom/flash.swf"
width="300" height="120" type="application/x-shockwave-flash">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer">
FALHA (o navegador deveria exibir algum conteudo em Flash, e naum isto).
</object>
<!--> <![endif]-->
</object>

Flash Satay

<object type="application/x-shockwave-flash
data="c.swf?path=movie.swf"
width="400" height="300">
<param name="movie"
value="c.swf?path=movie.swf" />
<img src="noflash.gif"
width="200" height="100" alt="" />
</object>

 

• Problemas de acessibilidade: usando Flash Satay, alguns leitores de tela (como o JAWS) vão ignorar seu conteúdo em Flash.
• Com as mudanças na disputa de patentes Eolas, os usuários têm que, primeiro, clicar no seu conteúdo em Flash para “ativá-lo” antes de começar a interagir com ele. Mais informações aqui.
• Não existe detecção de plug-in (como no método anterior): sem essa detecção, os usuários podem ver conteúdo quebrado, ou nenhum conteúdo. Quando o Flash player encontra um filme Flash inserido em uma página, ele tentará executá-lo independente da sua versão. Assim, se você tiver o Flash player 6 instalado e um filme do Flash 7 for encontrado, seu plug-in tentará executá-lo, possivelmente causando comportamentos estranhos.
• Alguns métodos do Flash satay não fazem o stream do filme Flash para o player: então este método pode exigir outros arquivos swf “recipientes”, onde o seu filme seja carregado. Isso torna a passagem de variáveis via Flashvars um incômodo, e também um tormento para manter o conteúdo em Flash, uma vez que existirão duas vezes mais arquivos swf espalhando-se pelo seu servidor web.
• Versões antigas do Safari ignoram as tags “params”: o Safari completamente ignorava a tag param até a sua versão 2.0 (no Tiger), ou 1.3 (no Panther) e possivelmente 1.2.8 (pré Panther). Assim, se você fizesse configurações usando essas tags (como Flashvars, align, salign, etc.) o Safari não as reconheceria.

 

3. Detecção: o método do pequeno filme Flash na homepage

Neste método, coloca-se um único filme Flash na homepage do seu website, responsável por checar a variável $version no Flash player e redirecionar o usuário tanto para o conteúdo em Flash dentro do site, ou para uma página de atualização.

Os problemas com esse método incluem:

• Não existe detecção nas páginas internas: se o usuário acessar a página por uma URL interna (se ele receber o link de um amigo, ou através de mecanismos de busca, por exemplo), esse usuário vai escapar da detecção feita somente na homepage.
• Com as mudanças na disputa de patentes Eolas, os usuários terão que, primeiro, clicar no conteúdo em Flash para “ativá-lo” antes de interagir com ele. Mais informações aqui.
• Não é HTML ou XHTML válido: mais uma vez, a tag embed usada para colocar os filmes Flash nos seus documentos HTML não é válida.
• Fere a sua classificação nos mecanismos de busca: uma vez que você só usa a sua homepage como uma página vazia, que só possui uma detecção de Flash. Quando as pessoas procurarem seu site no Google ou outros mecanismos de busca, muitas vezes o texto de descrição será apenas algo como “Detectando Flash Player”, ou mesmo nenhuma descrição. Isso é uma gigantesca perda de valor do espaço que poderia ser usado para a promoção da sua companhia ou produto. Frequentemente os desenvolvedores não incluem sequer um link para outro conteúdo no site (uma vez que o filme Flash teria os links), assim o resto do site não será indexado também.

 

4. O Macromedia Flash Player Detection Kit

A Macromedia fez um excelente trabalho com o novo kit de detecção do Flash 8 – mas que não é excelente o bastante. Ele contém dois diferentes modos de detecção do plug-in do Flash:

1. O clássico “pequeno filme Flash na homepage” (veja acima).
2. Javascript: sim, isso mesmo, o Flash agora inclui um modelo de detecção de plug-in em Javascript. Infelizmente, ele de fato não é muito amigável ao usuário, misturando Javascript, VBscript e todo o seu HTML em uma só página. Isso tem muitas das desvantagens já citadas, e não facilita a sua vida de desenvolvedor Flash/HTML. E esse método também não valida como XHTML ou HTML (se você se preocupa com esse tipo de coisa).

Eu fiz uma análise mais profunda no kit de detecção da Macromedia, e coloquei o resultado aqui.

5. Usar Javascript cru para detectar e inserir seus filmes

É difícil criticar este método, uma vez que ele normalmente varia de site para site. No entanto, a maioria dos esquemas de detecção de Flash via Javascript que eu encontrei geralmente sofrem dos mesmos problemas:

• A detecção do plug-in não é confiável: muitas vezes ela somente funciona com as versões atuais do Flash player, e precisa ser atualizada manualmente à medida que novas versões do plug-in forem lançadas.
• Adiciona mais código à página: tornando mais difícil atualizar ou mudar seu conteúdo. Esse método também dificulta aos designers ou outras pessoas que estejam trabalhando nas suas páginas mudar ou adicionar filmes Flash.
• Uma solução excessivamente complicada: muitos scripts de inserção de Flash podem se tornar grandes arquivos, ou serem demasiadamente complicados. O SWFObject foi projetado para ser simples e pequeno.

 

FAQ

P. O que é a “Atualização de Conteúdo Ativo” do Internet Explorer que eu ouvi falar, e o SWFObject corrige isso?
R. A resposta mais curta é sim, o SWFObject corrige esse problema da nova atualização do IE. Você pode saber mais sobre esse assunto aqui.

P. O que faz meu conteúdo alternativo piscar rapidinho na tela antes do meu conteúdo em Flash ser carregado? (apenas acontece no IE e no Windows).
R. Isso parece estar relacionado ao bug FOUC. E pode ser corrigido adicionando-se uma tag link no cabeçalho do seu documento para todas as folhas de estilo.

P. Eu posso usar o SWFObject para inserir mais de um swf em uma página HTML?
R. Sim. Basta fornecer um único ID para cada swf e cada div recipiente (ou outro elemento HTML que seja usado para isso).

P. Como eu faço o SWFObject funcionar no Netscape 4.x?
R. Este comentário tem um código de exemplo que você pode usar para fazer o SWFObject funcionar no Netscape 4.x.

P. Dá pra usar o SWFObject no meu blog?
R. Sim, existem plug-ins para o Wordpress e para o Textpattern aqui.

P. Dá pra usar o SWFObject com o Dreamweaver ou o Golive?
R. Existe uma extensão para o Dreamweaver disponível na CommunityMX. Ainda não existe extensão para o Golive, mas se você quiser fazer uma, eu ficarei satisfeito em colocar um link nesta página. Claro que você pode usar o script SWFObject sem uma extensão, mas ela torna o trabalho bem mais fácil.

P. Esta página está disponível em outros idiomas?
R. O texto original está disponível aqui (em inglês). Aqui existe uma tradução para o francês de partes desta página, uma tradução em sueco, italiano, alemão, espanhol, polonês (parcial), japonês, e aqui tem uma em finlandês. Eu ficarei feliz em postar um link aqui para quem quiser traduzir esta página em outros idiomas.

P. Existe um modelo de publicação que eu possa usar com o Flash?
R. Sim. Você pode baixar um do Fluid Flash Blog.

P. Quem usa o SWFObject/FlashObject?
R. Websites como o The Library of Congress, Adobe.com (uma versão levemente personalizada), Amazon.com, Windows.com, YouTube.com, skype.com, Snapple.com, ele está incluído no Adobe Photoshop (nas Flash web photo galleries) e milhares de outros. Colin Moock também sugeriu o SWFObject como alternativa ao Macromedia Detection Kit.

Ainda tem problemas? Tente ler os posts passados sobre o SWFObjects [1, 2, 3] neste blog (especialmente os comentários). Muitas questões comuns foram solucionadas ali.

Agradecimentos

Toby Boudreaux contribuiu com muitos conselhos, ajudou-me a tornar o código do SWFObject muito mais limpo e organizado ao mesmo tempo.

Posts Mais Recentes » | Posts Mais Antigos »