0

Pessoal tenho uma tag img que tem um botao que carrega varias imagens para a pessoa escolher, assim que ele escolhe o src desta tag é alterado. Eu preciso detectar quando acontece esta alteração do src e mostrar um alerta. Tentei com o onchange mas não disparou, com o load deu certo mas ele disparou também no carregamento da pagina pois assim que a pagian carrega ali aparece uma imagem padrão.

$(".imagem").on("change", function(e){alert("alterou")});
7
  • 2
    Não é melhor fazer isso onde a imagem é alterada?
    – Lucas
    6/04/2015 às 19:33
  • 1
    Se o utilizador escolhe quando alterar a src porque não usas esse evento/momento? queres saber o load dessa imagem quando a src mudar somente? Então podes juntar esse event handler que tens em cima > mudar a src > remover o event handler quando o load fôr chamado
    – Sergio
    6/04/2015 às 19:33
  • @Sergio não consegui entender a sua explicação. 6/04/2015 às 19:38
  • @Lucas eu realmente preciso verificar o change do SRC não tem como ser quando a imagem é alterada. 6/04/2015 às 19:39
  • 1
    @JoaoNivaldo então consegues detetar aí quando a imagem troca e mostrar o alerta certo?
    – Sergio
    6/04/2015 às 19:45

1 Resposta 1

2

Você precisa registra o evento com o load após a pagina tiver sido carregada completamente:

$(window).load(function() {
    $('.image').on('load', function() {
        alert('Imagem alterada');
    });
});

Veja funcionando no JSFiddle

1
  • Muito obrigado deu certinho @luciorubeens. 7/04/2015 às 12:12

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 .