Como usar dois links, no "src=" da tag image, ou usar imagem n

[snowstormdelivery 19]

Galera, eu sei exatamente a função de cada tag citada, acima, e sei que não faz sentido oquê falei. Utilizei tal título, pois pode ser uma das soluções para meu problema, o qual descrevo abaixo:

 

Tenho esse projeto, onde usuários de um jogo inserem vossos nicknames e aparece uma miniatura de seus avatares. Não fiz nada além de modificar o "src=''" de uma tag "img", para o link do servidor oficial, onde contém a foto do avatar, correspondente.

Resumindo:

 

insere nick -> onclick: muda src do img -> img recebe imagem do avatar de um usuário

 

O problema é que quando o nick não existe, o servidor não mostra nenhum imagem, obviamente. Quando isso acontece eu tenho o retorno desse ícone:

 

O projeto prevê que o usuário vá colocar nicknames errados, por isso, mesmo que a foto do avatar não exista no servidor, o site deve mostrar uma outra imagem, que não esse ícone, acima.

Agora, se estão acompanhando meu raciocínio, entendem a lógica do título: se o primeiro link do "img" não funcionar, usa-se o segundo que é uma imagem que sempre existirá. Também, pensei em usar um link no "alt=", já que o valor dele aparece quando uma imagem não existe, também.

Dúvidas:

 

1. Seria isso possível?
2. Se "sim", como?
3. Se "não", oquê fazer?

 

Ps: Se algum moderador tiver um título melhor, eu agradeço a modificação do atual.

[snowstormdelivery 19]

Acabei achando o evento "onerror", o que possibilita usar JS, para mudar o src.

[codercss 14]

Excato, ia sugerir fazer isso via JS.

 

Foi assim que fez? Se sim, como tem montado o seu código?

Corrija-me de estiver errado, sf:

 

Lógica de programação:

Onclick executa função que faz um select à tabela em busca da foto com base no nickname;

Se ninck name existitir:

copia o link da imagem armazenada na tabela

senão:

copia o link da imagem por default que está no código JS

 

É isto?