Sunday, October 9, 2011

How To Turn Off Or Disable The New Blogger Lightbox Feature

Best Blogger Tips
Lightbox is a neat way for people to view images in your posts it has not been to every ones taste.I have received a few comments and Emails asking is their a way to turn off light box or disable lightbox.This morning i spent some time trying to work a simple line of Css to override lightbox but to no avail.However i did come across a hack on another blog that does the job perfectly.



Override Lightbox On Blogger Blogs


Step 1. In Your Blogger Dashboard Click Design > Add A Gadget > Choose Html/Javascript


Step 2. Copy And Paste The Following Code Into The Html/Javascript Gadget Form 



<script type="text/javascript">
//<![CDATA[
function killLightbox() {
var images = document.getElementsByTagName('img');
for (var i = 0 ; i < images.length ; ++i) {
images[i].onmousemove=function() { 
var html = this.parentNode.innerHTML; 
this.parentNode.innerHTML = html;
};
}
}


if (window.addEventListener) {
window.addEventListener('load',killLightbox,false);
} else {
window.attachEvent('onload',killLightbox);
}
//]]>
</script>


Step 3. Save The Gadget, You don't need to give it a title.


That's it Lightbox is gone and images will be displayed as before.


NKYFFRZJ2AFC

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...
x

Get Our Latest Posts Via Email - It's Free

Enter your email address:

Delivered by FeedBurner