Sunday, 18 September 2011

Blogger New "Feature"

You may have noticed that Blogger has recently changed what happens when you click on an image to expand it - you now get a sort of slide show feature. I have to confess, at first it foxed me totally and I found myself clicking out of the blog I was reading at the time, and then I just found it irritating since it didn't bring up the text apropos the picture. So, if someone had added some interesting text about what the soldiers were in the photo you didn't see it, and, as the "feature" loaded every pic from that post you didn't see the photo in the context of the post.

Fortunately someone geekier than me (yes really) has found a simple solution (thanks to http://supergalacticdreadnought.blogspot.com for finding this):

1) Go to Dashboard

2) Go to the "Design" section of your blog (where you can "add and arrange page elements").

3) Click on "add a gadget" - it doesn't matter where.

4) Click on "HTML/Javascript" gadget.

5) Paste the following into the "content" section and save (don't worry about the title page):

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