Efeito Lightbox nativo do Blogger
Ontem um leitor entrou em contato comigo para se queixar
que, de uma
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.
Tutoriais
