Page transitions no Internet Explorer

{ October 15th, 2007 }

Autor: cmilfont

Visitando esse site no IE, observe que ao clicar nos links as páginas são abertas com efeito de transparência do tipo fade. Imaginei que fosse feito em Ajax, com algum problema por abrir apenas no IE, mas ao observar os fontes, vi as seguintes tags:

<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)"/>
 
<meta http-equiv="Page-Exit" content="blendTrans(Duration=1.0)"/>

Eles usam filtros e pesquisando, descobri que existem um conjunto de filtros da mesma API que todos conhecem ao aplicar transparência em imagens PNG. Pronto, desenvolver Fade sem ajax é moleza, o ruim é que somente roda no IE (que tive todas as raivas do mundo nesse fim de semana).

Talves usando javascript e a própria “opacity” (na especificação W3C, propriedade dos elementos que pode ser definida a transparência) que os browsers deveriam implementar, você consiga o mesmo efeito na abertura da página, se alguém for tentar me avisa. Algo como mapear no onload da página uma função que simule a transição usando a propriedade “opacity” no body da página. Para implementação proprietária de cada browser que domina o mercado, veja esse link.

Categories: (X)HTML, CSS, JavaScript, Web Development ~ ~ Trackback