Script simples e objetivo para trocar a imagem a cada click:
function changeSrc(id) {
var imagem=document.getElementById(id);
if(imagem.alt == "Abrir"){
imagem.src = "imagens/open.gif";
imagem.alt = "Fechar";
}
else {
imagem.src = "imagens/folder.gif";
imagem.alt = "Abrir";
}
}
Utilize no HTML assim:
<a href="#" onclick="changeSrc('p-a1');"><img id="p-a1" alt="Abrir" src="imagens/folder.gif">Link</a>
Ou assim:
<img id="botao" alt="Abrir" src="botoes/off.jpg" onclick="changeSrc('botao')" width="107" height="98" />
Fonte: rafael.rgarcia (http://forum.zwame.pt/showthread.php?t=118026)
function changeSrc(id) {
var imagem=document.getElementById(id);
if(imagem.alt == "Abrir"){
imagem.src = "imagens/open.gif";
imagem.alt = "Fechar";
}
else {
imagem.src = "imagens/folder.gif";
imagem.alt = "Abrir";
}
}
Utilize no HTML assim:
<a href="#" onclick="changeSrc('p-a1');"><img id="p-a1" alt="Abrir" src="imagens/folder.gif">Link</a>
Ou assim:
<img id="botao" alt="Abrir" src="botoes/off.jpg" onclick="changeSrc('botao')" width="107" height="98" />
Fonte: rafael.rgarcia (http://forum.zwame.pt/showthread.php?t=118026)
Comentários