Recently blogger added lightbox feature for blogger blogs. Overall I liked this feature, except the image gets resized in lightbox if the width of the image is wider where the image looks squeezed. But everyone doesn’t have the same taste.
There has been a huge discussion about this feature in blogger groups. And going through this discussion it looks like most of the bloggers gave a thumbs down to this feature. Either due to lack of zoom in/out feature, or due to image resize problem. There should be an option to disable this feature somewhere in the editor or in the settings itself. Anyways, if you dislike this blogger feature, you can disable this by adding a simple script in your blogger template.
Login to your blogger account. Go to template and Edit HTML. Click Proceed and search for </head>. And just add the following code above the </head>tag.
//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>
Save your template and click any image from your blog. You can also add the script to the Layout section via HTML/Javascript gadget. See the video tutorial below:
Video Tutorial:
Thanks JJ93
{ 0 comments… add one now }