Jul 12, 2012

Tip: Sometimes you need to kill Lightbox in Blogger

I'm going to admit something: I like the Lightbox feature in Blogger. While the Blogger Product Team took some heat for rolling it out, they also pretty quickly added in the ability to turn it off for your entire site. Yes, there is a setting that turns it off, never to come back.  But what if you want it in your site, but perhaps need to disable it on a case by case basis? Perhaps for certain page types, specific pages, etc.

(this image example shows you how to completely disable Lightbox in Blogger)



The script below kills it. We didn't write the script, but perhaps it'll help someone out.


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


Here is the clean version.