Portland Web Development™

All I can say is wow…  The difference between animated GIFs and animated PNGs is like the difference between a ball mouse and an optical.  This has incredible implications for interactive design as you could be able to but non-vertex based effects on your page with incredible clarity. I’m going to see if I can get this technology to work in ie6 using the method in my previous post of transparent PNGs in IE6.

For a long time I have been avoiding transparent PNGs because of one browser that is, sadly, still one of the most widely used (as of now, October 2008). Of course I am talking about IE6, the maverick.

Recent project requirements forced me to find an answer to this problem.  I must not have looked very hard before, because this solution was not hard to find. The solution is at ie7-js and the implementation is even more staggeringly easy:

Wow! That’s easy! I, however, opted to download the ie8.js and blank.gif file directly to my client’s website for performance and reliability factors.  At any rate, it worked like a charm! That is, after I read a not-so-obvious part on the google-code page that says every picture you want changed needs to have a -trans suffix added to the filename in the img tag.

Other than that, I am very excited about the possibilities this advancement has brought to current and future projects. Enjoy!