Mudança de img com radio button

[DanyCash~ 0]

Procurei aqui no fórum e achei um codigo,que parecia funcional...

O código era esse :

<script type="text/javascript">
function alterarImagem(t) {
        document.getElementById("texto1").innerHTML = t;
        document.getElementById("img1").innerHTML = "<img src='"+t+".jpg' alt='"+t+".jpg'>";
}
</script>
<span id="texto1"></span> <span id="img1"><img src="Imagem de frente" width="680" height="317"></span>
<form name="form1" action="paginaPHPouASP" method="post">
<img src="botao1" onclick="alterarImagem('Primeira img')"> 
 <img src="botao2" width="135" height="65" onclick="alterarImagem('segunda img')">
</form>

Coloquei a img com o onclick,trocando o botao por uma imagem,sem alterar a função.

só que quando eu clico para trocar a imagem

tipo que duplica o link :

aparece > Primeira img.jpg Primeira img.jpg

logo,nao carregando a imagem,

queria saber se alguem poderia me ajudar ae .

[Thiago Retondar 18]

Isso acontece devido ter escrito a função errada. Assim irá funcionar:

 

JavaScript

function alterarImagem(t) {
        document.getElementById("texto1").innerHTML = t;
        document.getElementById("img1").innerHTML = "<img src='" + t + ".jpg' alt=" + t + " />";
}

Perceba que você já colocou o sufixo .jpg no innerHTML, assim não pode colocar o .jpg - ou qualquer outra extensão - quando chamar a função. :)

 

Exemplo:

<img src="botao2" value="Botao2" width="135" height="65" onclick="alterarImagem('http://i4.ytimg.com/vi/GoCFJjxhNBU/default')">

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif