LIghtwindow é uma cilada, Bino

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.lucascoradini.com/blog/wp-content/uploads/2009/08/cilada.png&key=65c8e47d26bb578a269cc289417e3c85a51e758088615d5e241408797ad99b7b" alt="Imagem Postada" />

Mais uma vez o Internet Explorer foi responsável por fazer sair fumaça das minhas orelhas. Trata-se de um bug que ocorre com a Ferramenta Lightwindow (Framework para visualização elegante de imagens e outras mídias). Primeiramente vou explicar como ela funciona, pra quem não conhece. Depois vou mostrar e detalhar os bugs que ocorrem com o maldito Internet Explorer.

Os diferenciais da ferramenta Lightwindow

Apesar do título do post remeter uma má impressão da ferramenta, gostaria de deixar claro que esta framework é fantástica e funciona perfeitamente com os outros browsers. Digamos que o Lightwindow é uma versão mais incrementada do Lightbox 2.0 que hoje é muito utilizada e você provavelmente já deve ter visto em algum site.

Além de trazer novas funcionalidades, como:

* Conceito de galeria de imagens

* Abertura de SWF s juntamente com imagens

* Abertura de DIVs contendo formulários, páginas htm, links externos, etc

seu grande diferencial é o redimensionamento da imagem de acordo com o tamanho livre no browser, conforme ilustrado nas imagens abaixo:

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.lucascoradini.com/blog/wp-content/uploads/2009/08/03.jpg&key=19c0c649d68ac1374be20f2af234c333eae25f925ec5dde7c67d96d17e80f581" alt="Imagem Postada" />

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.lucascoradini.com/blog/wp-content/uploads/2009/08/04.jpg&key=b69dd6faa18736230c01f09dbbcefc8fe1a8c7fc85e0efa55d1f2a2565b80805" alt="Imagem Postada" />

Repare que mesmo com o Browser em tamanho menor a imagem não distorce.

Mesmo com o tamanho do browser bem pequeno a imagem se ajusta perfeitamente, sem distorcer.

****

Vale a pena dar uma conferida no site do Lightwindow e futucar suas funcionalidades.

Os bugs com internet Explorer

Quando estava desenvolvendo meu portfólio eu reparei que algumas vezes as imagens abriam cortadas e distorcidas (somente no IE). Desconfiando de cache, eu renomeava as imagens e tudo se resolvia. Não dei tanta importância para isso e dei continuidade com o projeto.

Depois de pronto, publiquei o site e testei em outros browsers e também em outros computadores. O pesadelo começava! Em cada versão do IE aparecia um Bug diferente. Veja a imagem abaixo, captada do IE8:

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.lucascoradini.com/blog/wp-content/uploads/2009/08/02.jpg&key=65c6118dfd609a5fe7efabf74fe3aacda93fb78dd8acb140ce4062d71ed235f1" alt="Imagem Postada" />

Bug - Imagem distorcida

Note que a parte escura que deveria ser um "aplha" por cima do site, aparece todo preto. Além disso, a imagem aparece cortada e distorcida.

Nesta outra imagem, o browser não consegue calcular o tamanho da imagem exibindo-a de forma errada. Veja.

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.lucascoradini.com/blog/wp-content/uploads/2009/08/02b.jpg&key=d548d6a0c5b037bd16a32c97988d76e42b200cf89b113b44a381aeb6eaa30a5a" alt="Imagem Postada" />

Bug - Imagem não abre corretamente

Começei então buscar por soluções, fóruns e mais fóruns. Vi várias postagens desesperadas no fórum oficial da ferramenta com problemas idênticos aos meus. Eu não podia aceitar que uma ferramenta tão bacana pudesse se render ao IE, muito menos ter que jogar fora todo trabalho já realizado.

Então eu pedi um help ao meu amigo Léo Hackin, que começou a analizar o código javascript. Fazendo um trackin das ações do script ele conseguiu identificar o bug neste trecho de código (que por sinal, alguém também já havia identificado).

Bom, começamos esta brincadeira era 11hs da noite. 12hs ele estava bufando. 1h ele já tinha levado pro lado pessoal. 3hs da manhã ele bateu o mouse na mesa e soltou alguns palavrões. Ele desistiu e eu também.

E aí, não existe solução para o problema?

Muita, mas muita gente está xingando o Kevin (criador da ferramenta), alegando que doaram uma certa quantia para obter o suporte do Lightwindow. Porém o cara sumiu e, até o momento, não se pronunciou a respeito dos bugs.

Resumindo: eu caí numa verdadeira CILADA, Bino.

OBS: Deixei a versão antiga do meu portfólio em para que vocês mesmos possam constatar os bugs.

www.lucascoradini.com/old

Espero que com este post eu possa poupar tempo de algum desenvolvedor web.

Abraços

post em meu blog