View Full Version : Swiss Army Image Artifacts in IE

07-17-2008, 09:54 PM
1) Script Title: Swiss Army Image Slideshow

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/swissarmy/index.htm

3) Describe problem:

I have a lot of images that a client is loading up for image slideshows. Most of the images appear correct (all do in Firefox), but in IE 6 or 7, a couple of images in particular are giving us problems. We are getting artifacts (missing pixels) in the images. It appears that the opacity filter for IE is the issue since setting nofade=1 seems to correct the issue, however, the client has insisted on the fade. Any ideas or has anyone else ran into this issue?

URL for testing: http://firsttexashomes.blackdogstaging.com/communities/Eagle%20Ranch

It is the last image in the rotator (the sunset picture). It has about 5 missing pixels... I've uploaded some other images as well and got an even worse issue than this, but for the majority it seems to work fine...

Please let me know

07-18-2008, 04:28 AM
This is actually a bug in the IE alpha opacity filter. It makes totally black pixels appear transparent. You need to adjust the black level in the image. First save a backup copy in case something goes wrong. Then in an editor like Photoshop, Paint Shop, or The Gimp, load up the image and select:

Colors > Adjust > Levels

You will have a dialogue box with sliders. Choose the RGB channel and adjust the output slider up a little. This will make the image slightly lighter, and may take a bit of trial and error to get it right, but you wont have to lighten it by much, +11 is about the most that should ever be required. What this does is replace totally black pixels with ones that are nearly totally black, and will eliminate these IE bug artifacts.