Fadein on mouseover и fadeout on mouseout

Question

Я пробовал со всеми разными кодами, но до сих пор не могу заставить это работать. Все, что мне нужно, - это исчезнуть в изображении при наведении курсора мыши и исчезнуть при мыши. НЕ Переключение изображений. Мне просто нужно простое увядание в эффекте выцветания.

fade-in на мыши над работает как шарм, но по мыши мое изображение не исчезает должным образом. Мне просто нужно, чтобы изображение возвращалось в исходное состояние при выводе мыши.

, когда я перемещаю мышь обратно к изображению, он иногда зацикливает и исчезает эффект.

Пожалуйста, помогите = (

вот мой код:

<img src="images/adapter-vector.png" width="250" height="88" id="Image1" onmouseover="MM_effectAppearFade (this, 500, 100, 50, true)" Onmouseout="MM_effectAppearFade(this, 500, 50, 100, true)"> 

Answer 1

Использование JQuery очень простой

$("#Image1").hover(
    function() { 
    $(this).attr('src','image1.jpg'); 
    }, function() { 
    $(this).attr('src','image2.jpg'); 
    } 
); 

Это не могу идти более проще ... Надеюсь, что это помогает !