Sunday, March 27, 2011

Photos Recently Uploaded In Blog Posts Don't Display Properly, As Thumbnails

Several blog owners, today, have reported that recently published posts containing photos show a blank space, or a tiny box, where some photo thumbnails should be displayed, when the blog posts are displayed in the browser. When using various browser analytical tools, such as the Firefox "Page Info" wizard, the thumbnails in question appear to be downloaded properly to the browser cache - they simply are not showing up, in the blog display.

Examination of HTML code, for the problem photos, in Post Editor "Edit HTML" mode, reveals odd snippets of code. Here's code from one reported problem.

<a href="https://lh3.googleusercontent.com/-QD2r5DgzQWI/TYx6OGeaORI/AAAAAAAAAbg/1RBV-M9NVoY/s1600/IMG_2598.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="0" r6="true" src="https://lh3.googleusercontent.com/-QD2r5DgzQWI/TYx6OGeaORI/AAAAAAAAAbg/1RBV-M9NVoY/s320/IMG_2598.JPG" width="0" /></a>

The solution to this problem isn't hard to identify.

Remove:

height="0" / width="0"

Leaving

<a href="https://lh3.googleusercontent.com/-QD2r5DgzQWI/TYx6OGeaORI/AAAAAAAAAbg/1RBV-M9NVoY/s1600/IMG_2598.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" r6="true" src="https://lh3.googleusercontent.com/-QD2r5DgzQWI/TYx6OGeaORI/AAAAAAAAAbg/1RBV-M9NVoY/s320/IMG_2598.JPG" /></a>


(Update 2011/03/27 23:00): Blogger Support is aware of the problem, and has fixed the cause of the problem.

>> Top

1 comment:

Geniaus said...

Thanks for confirming that this problem wasn't mine. I fiddled around for a while then gave up thinking that I had done something wrong.