Blogger e o efeito Lightbox

Efeito Lightbox nativo do Blogger
Ontem um leitor entrou em contato comigo para se queixar
que, de uma hora para outra, todas as
imagens do seu blog abriam de 'maneira estranha'. Ao verificar
o blog, notei que o efeito Lightbox se aplicava à todas elas
e que ele não havia colocado nenhum código no template para
isso. Uma olhada no código fonte mostrou que o efeito era
nativo do Blogger e alguns de vocês já devem ter notado o
mesmo em seus blogs: ao clicar nas imagens elas se abrem
expandidas sobre um fundo escuro e no rodapé da página
aparece miniaturas de todas as imagens do post. Bem,
nem eu nem o leitor que me procurou apreciamos o efeito
e uma corrida até o Fórum de Ajuda do Blogger (em inglês),
mostrou que muitos outros usuários estavam insatisfeitos.
Uma coisa é você buscar por um efeito em sua página,
outra bem diferente é ele ser imposto e até agora o
Blogger não ofereceu nenhuma maneira de desativar o Lightbox
(o que eu acredito que irá ocorrer em breve - oremos).

De qualquer maneira, aqui vai um hack para impedir o efeito, desenvolvido por Mark, do blog Code from English Coffe Drinker. Eu testei em alguns dos meus blogs e funcionou perfeitamente.

Copie o código abaixo e cole imediatamente antes da tag :


Copie o código abaixo e cole imediatamente antes da tag </head>:

<script type='text/javascript'>

  //<![CDATA[

function killLightbox() {

 var images = document.getElementsByTagName('img');

 for (var i = 0 ; i < images.length ; ++i) {

  images[i].onmouseover=function() {

   var html = this.parentNode.innerHTML;

   this.parentNode.innerHTML = html;

   this.onmouseover = null;

  };

 }

}



if (window.addEventListener) {

 window.addEventListener('load',killLightbox,undefined);

} else {

 window.attachEvent('onload',killLightbox);

}

//]]>

</script>

Salve a modificação e faça um teste, clicando nas imagens dos seus posts. 

Pelo menos por ora, foi a única solução encontrada.