Friday, July 27, 2007

How to show Images uploaded on Blogger in a Modal Window using Lightwindow

If one has been following this post, he/she would be happy that 'phydeaux3' suggested the possible cause and a solution to the problem. phydeaux3's original comment in full body & soul can be viewed here.

Quoting phydeaux3's comment:

"Actually, the problem most likely resides in the peculiar way blogger image hosting works. By default, the large linked image is in a format (I'm using yours as the example and only showing the last relevant bits of the url)


If you view that image directly, you'll find that Picasa Web Albums (which is the actual image host for blogger) makes this NOT an actual image file, but an html page, with an image embedded in it (view source). What that means is, the large image cannot be used as in in an image tag, but only viewed directly. But if you cut out the -h in the folder name
That gives an image that CAN be used in an image tag, and presumeable in your scripts as well (but cannot be viewed directly, as it will prompt for a file down load..yeah it's odd). So remove the -h from the last folder name and try it.

(there also may be referrer restrictions on images larger than 800px in size, but I haven't messed with it lately)."

Here, I put the above to the original test (without '-h' in the target url):
Without a doubt, it works! Hail phydeaux3 :)
AddThis Social Bookmark Button