Estou tentando alterar o src
de um elemento utilizando a propriedade attr
no mouseover
e depois no mouseleave
.
A ideia é alterar um banner enquanto o mouse está sob um elemento e atualizar novamente, após sair.
Tentei de duas formas:
1º
$('.quartaImagem').mouseover(function () {
$(".banner").attr("src", "Content/img/fotosHome/treinamentos.jpg");
});
$('.quartaImagem').mouseleave(function () {
bannerDefault;
});
2º
$(document).ready(function (e) {
$('.quartaImagem').hover(function (e) {
$(".banner").attr("src", "Content/img/fotosHome/treinamentos.jpg");
}, function (e) {
$(this).attr('src', bannerDefault);
})
});