IE6 image scaling with bicubic filter

1.3k views Asked by At

I have a project where I have to resize some images in the actual browser side.

IE8, FF3 et al all apply a filter to smooth the resizing of the image, so in these browsers everything looks good.

In IE7 I have applied the following fix which works great: -ms-interpolation-mode:bicubic;

In IE6 however I can only find references to the AlphaImage Filter (the same one used to enable alpha transparency on PNG files). However I can't find an example of how to use it, nor have I been able to get it working myself.

Can anyone provide me with an example? Preferably applied to actual img tags, though I could use background images if required.

MSDN link (for what its worth): http://msdn.microsoft.com/en-us/library/ms532969%28VS.85%29.aspx

The code I am using in my CSS is applied to the img, though I've tried applying it to the img container as well (with no effect):

#provider-list li img {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/image.gif", sizingMethod="scale");
}

A thousand thank you's in advance :)

Rick

1

There are 1 answers

0
leppert On

I believe most (if not all) versions of the IE5/6 PNG transparency fix use the same property. Looking at their code might be a good place to at least get the property working, at which point you can tweak it for your own use.

http://jquery.andreaseberhard.de/pngFix/

http://www.twinhelix.com/css/iepngfix/