Web Toolbar by Wibiya

25/12/2011

Removendo Efeito Lightbox (imagem aparece com fundo preto)


Vocês já devem ter percebido que tem um novo efeito no blogger que quando você clica em uma imagem, ela aparece com um fundo preto e uma lista de todas as imagens da postagem. Eu sinceramente não gosto desse efeito, pois ele faz com que imagens com link-me por exemplo quando clicamos não funcione. Se você também não gosta desse efeito é bem fácil retirá-lo. Vá em Design, Editar HTML, aperte Ctrl+F e procure por:

</head>

Acima do texto que você encontrou coloque o seguinte código:

 Se você usar os modelos Espetacular Ltda, Marca d'água, Celestial ou Viagem

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

  Se você usar os modelos Simples, Janela de Imagem ou Viagem

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

Prontinho *--*
OBS: Como vocês devem ter percebido qualquer um dos códigos acima funciona com o modelo Viagem.