Zrobiłem oewie efekt:

Po najechaniu myszką, zmienia się plynnie opacity z 0 na 1, po mouseout wraca z 1 do 0. Niestety nie dizała pod IE. Jak ktoś zna przyczynę to bardzo proszę o pomoc.

[HTML] pobierz, plaintext 
 <div id="sub">
                    <div class="subButton">
                      <a href="#"><img src="images/a1.jpg" class="button" alt="" /></a>
                      <img src="images/a0.jpg" alt="" />
                    </div>
                    <div class="subButton">
                      <a href="#"><img src="images/b1.jpg" class="button" alt="" /></a>
                      <img src="images/b0.jpg" alt="" />
                    </div>
                    <div class="subButton">
                      <a href="#"><img src="images/c1.jpg" class="button" alt="" /></a>
                      <img src="images/c0.jpg" alt="" />
                    </div>
                </div>
[HTML] pobierz, plaintext 

JQuery

[PHP] pobierz, plaintext 
$(document).ready(function(){
   $('img.button').mouseover(function(){
    $(this).animate({
    opacity: '1',
    filter:'alpha(opacity=100)',    
  }, 500) 
   });
    $('.subButton img.button').mouseout(function(){
    $(this).animate({
    opacity: '0',
    filter:'alpha(opacity=0)',    
  }, 500) 
   });
});
[PHP] pobierz, plaintext 

EDIT: Efekt mozna odglądnać na D-a-r-l-e-y(kropka)p-l - prosze usunąc spacje, nie chce na razie indeksacji

Użyj samego opacity. jQuery zrobi fallbacka dla odpowiedniego filtru w IE