Modal Window (Box) utility, Lightwindow - based on Prototype & Script.aculo.us libraries - fails to pop-up on clicking the (image or text) link if used with an image uploaded on Blogger. At least, it does not in my case. It works in case of other links (e.g. click on Lightwindow, Prototype etc. links).
To illustrate the point, here is an image uploaded on Imageshack (Click on it : works clean as a whistle!)...
Read the full story...
Now, here is an image uploaded on Blogger (Again, click on it -
Caution: the page would behave abnormally & you might have to close or reload the page!)...
I hope, I am not the only one with the problem and someone would have the brains to sort this out. I guess, the problem is with how 'lightwindow' deals with the URLs or may be not! Nevertheless, it's a great library, and this little problem should not stop anyone from donating towards 'buy macbook pro' cause :P
P.S. It's worth noting that ModalBox, another lightwindow like library, also fails in the above case!! (May be the problem is with Prototype or Scriptaculous as ModalBox also uses both :|)
Update: We've a solution - suggested by 'phydeaux3' in the 'annotations' below - here is a link to a working demonstration.
1 Comments:
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)
/s1600-h/mpro.jpg
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
s1600/mpro.jpg
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).
Post a Comment