Анимационный атрибут «src»

У меня есть HTML-документ. Это выглядит так:

Когда пользователь зависаетstackinfo» изображение, я хочу, чтобы это выглядело так:

Мой код для изображения:

<img src="/Resources/Images/MainMenu/logo.png" name="Logo" width="100" height="30" class="MainMenu" id="Logo">

Я знаю, как изменитьsrc изображения при наведении, но как я могу оживить это?

(Я хочу сделать это с помощью jQuery)

Что я уже пробовал:

$(document).ready(function(){
       $('img[name="Logo"]').hover(function(event){
         $(this).fadeIn(function(event){
             $(this).attr("src","/Resources/Images/MainMenu/logoHover.png");
         });
       },
       function(event){
         $(this).fadeToggle(function(event){
             $(this).attr("src","/Resources/Images/MainMenu/logo.png");
         });  
       });
});

Ответы на вопрос(7)

Ваш ответ на вопрос