 |
| 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
</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.