Fading with jquery in IE

Question

Im using fade in/out jquery on my site but it doesnt work in IE,

banners[0].fadeOut(1000, "linear");
banners[1].fadeIn(1000, "linear");

banners is an array with my elements in.

Ive checked other posts such as

Tried all of the suggestions such as setting the filter but no luck. My elements are positioned absolute too.

My fading images are not transparent, they are just jpegs

Any ideas?

Which version of IE? 8 and below have horrible opacity support and I'd actually abandon hope of getting it working flawlessly on those. — MassivePenguin, Feb 15 '12 at 12:07
Have you tried using banners[0].fadeTo(1000,0) instead? This works a bit better in my experience... — MassivePenguin, Feb 15 '12 at 12:35

score 0 · Accepted Answer · answered Feb 15 '12 at 18:20

Maybe you shuld try different approach by adding different classes to your banners and NOT using array? Or try selecting it by index something like:

  $('.banners').index()===1{
   //do something...
  }

Or maybe even if statment

 if($(".banners")[0] == $(".banners")[0])
 { 
 //do something
 }

1 Answers1