ladyada’s ranting afowejfaiwuehfakjnfa

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.
Hence:

One could always just keep the Opacity 0% and mess with outlines but i kinda got to liking this look.

Download it here (and rename it to a .php) you will need overlib.js (4.21 is what i use) installed too. An example page is here, read the source for an example.

One Response to “You have defeated IE6! You gain 12 EXP and 4 GOLD!”

  1. spiffed Says:

    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']))”.

    I also blogged about integrating it into Markdown: http://spiffie.org/computing/archives/2008/02/markdown_and_fl.html

Leave a Reply

You must be logged in to post a comment.