
swfIR (swf Image Replacement) is here to solve some of the design limitations of the standard HTML image and its widely-accepted associated CSS values, while still supporting standards-based design concepts. Using the dark arts of JavaScript and Flash, swfIR gives you the ability to apply an assortment of visual effects to any or all images on your website. Through progressive enhancement, it looks through your page and can easily add some new flavor to standard image styling.
When you start to use swfIR, youโll need the ability to style it, the same way that you can do with regular images. To get around browser inconsistencies, swfIR adds a <span> with a class of swfir around any image youโre replacing. Hereโs a before and after look at the code:
Before swfIR is included in the page:
<img src=”pic.jpg” alt=”A picture” id=”pic” />
After swfIR is included in the page (rendered source):
<span class=”swfir” id=”pic”>
[replaced image; code varies by browser]
</span>
http://www.swfir.com/