Click here to visit the swfIR website.
The website gives you a step by step guide on how to set it up.
- Download the necessary files.
- Copy the Javascript file and swf file to your website directory.
- Include the Javascript file in the header of your web page i.e.
- Decide what technique to apply and apply it to the image of your choice like so:
Answer: Easy!
I came across swfIR (swf Image Replacement) about 9 months ago, round about the time I was introduced to sIFR (Scalable Inmann Flash Replacement) but until recently I had never used it. It allows you to perform image techniques on the fly, for example, rounded corners or rotation, meaning you don’t have to apply these techniques in Photoshop. This gives you a lot of flexibility in regards to what you can do with your images without altering the original.
I was surprised how easy swfIR is to use. One of the reasons I haven’t used it until now is because I didn’t think I had the time to start messing about with it but it literally takes 5 minutes.
<script type="text/javascript">
window.onload = function(){
round = new swfir();
round.specify(\\'src\\', \\'swfir.swf\\');
round.specify(\\'border-color\\', \\'ffffff\\');
round.specify(\\'border-radius\\', \\'10\\');
round.swap("#img");
}
</script>
Before
After
The above code gives an image (with an id of ‘img’) nice rounded corners.
Thanks to the swfIR team (Jon Aldinger, Mark Huot & Dan Mall) for an easy to use and useful tool.
Receive more design content like this to your inbox
I promise not to spam you. No more than one email per week.