It uses the data: URI schema supported by Firefox and other non-crappy browsers (no, IE does not support the data: URI syntax). So this works in Firefox, but does not work in IE. Whatever, fuck em.
I saw this method first demonstrated by Mansour Raad at 360Flex. It’s pretty clever. There are some limitations though:
- Doesn’t work in IE (after writing Flex apps so much I forgot how much browser differences suck… I hate browsers)
- There’s a limit on how much data you can embed in a data: URI, I don’t know what this is, it might be 1,024 bytes. So this might not work with really big images.
- Pretty sweet logo, whoever designed that must be pretty much the best person in the world. Get your 360|Flex stuff here. And if you haven't registered for 360Flex, do that here.
- Payback's a Queen! Nate got a special surprise in the middle of his session at 360|Flex. This should teach you a) don't fuck with me and b) don't do a presentation on your birthday. Happy birthday Nate! P.S. Apologies for the shaky camera work, there were plenty of other video…