Comments on: Image Resizing in Internet Explorer 7 and IE6

By: delicious Links: 09. March 2010

delicious Links: 09. March 2010 — Wed, 10 Mar 2010 23:01:41 +0000

[...] Image Resizing in Internet Explorer 7 and IE6 | Aaron Pearson I’ve always been annoyed with how IE7 does image scaling. If you have an image that’s 100 X 100 and resize/scale it with HTML to 70 X 70 Internet Explorer doesn’t resample the image so it winds up looking “blocky”. I ran across a page on Flickr’s Developer Blog that describes a little known CSS command that will cause IE7 to do bicubic resampling of HTML scaled images. If you use a Mac, both Firefox and Safari do bicubic resizing automatically…. The way to apply this to every image on your page in CSS: Tags: scale image ie [...]

By: admin

admin — Fri, 30 Oct 2009 22:02:50 +0000

I added to the original post above. Apparently this CSS command only works on JPG images.

By: Alex Glover

Alex Glover — Fri, 30 Oct 2009 14:39:19 +0000

Strangely, this css is not working for my site in IE7. I tried it in my regular stylesheet and in my IE stylesheet.

By: admin

admin — Tue, 06 Oct 2009 19:46:48 +0000

David I sent an example page based on the link you emailed me.

By: David

David — Fri, 02 Oct 2009 14:26:39 +0000

I’m trying to use a background image for a new website but having problems with IE6, which doesn’t center the image. Can you help?

http://www.americanamedia.com/test/young/index_new.asp

David

By: Items of interest » Blog Archive » Bookmarks for June 16th through June 17th

Wed, 17 Jun 2009 10:08:34 +0000

[...] Image Resizing in Internet Explorer 7 and IE6 – [...]

By: Simon Lawrence

Simon Lawrence — Mon, 01 Jun 2009 12:07:37 +0000

This worked a treat to fix a problem I’ve been googling all morning, thank you!

By: Uso de imágenes en alta resolución para web | zoom & pan | ..: Cristian Eslava | Diseño Gráfico / Web | Maquetación | Formación :..

Tue, 21 Apr 2009 18:41:02 +0000

[...] cuanto a CSS podemos decir que existe un hack para IE que nos muestra las miniaturas con mejor calidad gracias al modo de interpolación [...]

By: admin

admin — Sun, 15 Feb 2009 03:30:38 +0000

Can you email/post a link to where you are working on this so I can take a look? I use the YUI image cropper when I need to crop. Don't know if this would work for your purpose. http://developer.yahoo.com/yui/examples/imagecropper/simple_crop.html

By: Steve Bramley

Steve Bramley — Sat, 14 Feb 2009 05:29:27 +0000

Hi Aaron,

I’ve been working on a way to get an image to preview with js before it gets uploaded. this is so i can run a tool that allows the user to define a cropping area for thmbnailing or details. I have a script that works perfectly in FF but ie (happy to just have it work in v7) won’t reliably load local paths. sometimes it works but I think that’s for images that are in the browser cache already. I found a method where a blank image is on screen and the microsoft AlphaImageLoader pushes the local image to display as the blank image background. works great but the final step is the image needs to be displayed at a fixed width (while retaining correct aspect ratio) to fit on the viewing area.

the code for this is:

newPreview.filters.item(”DXImageTransform.Microsoft.AlphaImageLoader”).src = imgFile.value;
newPreview.filters.item(”DXImageTransform.Microsoft.AlphaImageLoader”).sizingMethod = ‘image’;

works great but the background image doesn’t scale back down along with its container.
have you tackled this problem before and won?

kind regards
Steve Bramley