5

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:

    $('.quartaImagem').mouseover(function () {
        $(".banner").attr("src", "Content/img/fotosHome/treinamentos.jpg");
    });
    $('.quartaImagem').mouseleave(function () {
        bannerDefault;
    });

    $(document).ready(function (e) {
        $('.quartaImagem').hover(function (e) {
            $(".banner").attr("src", "Content/img/fotosHome/treinamentos.jpg");
        }, function (e) {
            $(this).attr('src', bannerDefault);
        })
    });

1 Resposta 1

2

Você deve fazer algo assim:

var bannerDefault; // declara a variável no escopo global
$('.quartaImagem').hover(function (e) {
    bannerDefault = $(".banner").attr("src"); // memoriza o src atual
    $(".banner").attr("src", "Content/img/fotosHome/treinamentos.jpg"); // define novo src
}, function (e) {
    $(".banner").attr('src', bannerDefault); // define o src que estava antes
});

jsfiddle

1
  • Funcionou perfeitamente. Obrigado! 18/08/2014 às 19:09

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .