You have defeated IE6! You gain 12 EXP and 4 GOLD!
I finally got around to rewriting the flickrnotes code i wrote to support IE6/7 as well as overlib. Ironically, as a side effect, I had to do this funky opacity thing because in IE you cant have onMouseOver() on an ’empty’ DIV or SPAN tag unless it has a background color. However, background colors with opacity work just fine.
[flickr 156025389 ]
One could always just keep the Opacity 0% and mess with outlines but i kinda got to liking this look.
Get the only spam-free daily newsletter about wearables, running a "maker business", electronic tips and more! Subscribe at AdafruitDaily.com !
Awesome code/hack. I made two small refinements though.
1) flickr seems to return empty width/height values for images. This breaks IE 🙁
The line “$img .= ‘‘;” needs to change to “$img .= ‘‘;”
I noticed you made this change to the code you’re actually running… otherwise I wouldn’t have figured it out.
2) flickr notes with a single-quote (‘) in them break. The “$boxes .= ….” line needs a double call to addslashes() around “$note[‘text’]”, like so: “addslashes(addslashes($note[‘text’]))”.
Thanks for making your code available. I tried putting the flickrnotes.php file and overlib.js file on my server but it doesn’t seem to work. I have included overlib.js in the header. Interestingly enough, when I call the flickrnotes.php hosted on your server, it works!
I’ve hacked it into a WordPress plugin so that you just type [flickr:#photoID] and it will replace it to the for you but right now, it’s making the call to http://ladyada.net/flickrnotes.php for it to work.
Thanks for the great site!
Yay! Thanks for laying down the groundwork with your code. I’ve hacked it well enough to work now running on my own webserver. Seems there were some changes from your posted flickrnotes.php from your current http://ladyada.net/flickrnotes.php
Converting the text strings to have escape characters and remove line breaks was the trickiest part 😉 But now it seems to be working swell!