Анимационный атрибут «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");
});
});
});