Alterar Imagem Dinâmicamente

[fertel]

Tenho 3 fotos.

gostaria que na página aparecesse apenas uma e ao clicar em um botão, a foto seguinte apareceria no lugar da anterior.

Bom, tentei de todas as formas imagináveis e não consegui. Tentei pelo mudar propriedade do dreamweaver e consegui, mas só muda na primeira, com mais de duas não consegui.

Mudar propriedade que digo é: clicar no botão e alterar o parâmetro SRC da tag IMG alterando assim a imagem na tela.

Algum expert em JS poderia me ajudar?

Informação: A imagem e o botão estão dentro de um form, achei que isso facilitaria

[fertel]

Ajudem-me por favor!!!!

[danyort]

Essa é a função:

function TrocaImagens() {

if (var_img=="imgs/predio1.jpg") {

var_img="imgs/predio2.jpg";

} else if (var_img=="imgs/predio2.jpg") {

var_img="imgs/predio3.jpg";

} else if (var_img=="imgs/predio3.jpg") {

var_img="imgs/predio4.jpg";

}

document.imagem_predio.src=var_img;

}

----------------------------

Na tag da botão acrescenta:

onClick="TrocaImagens()"

Não esqueça de colocar um id para a imagem.

[fertel]

Eu acabei conseguindo fazer sozinho de outra forma. Mas mesmo assim valeu. Agora tenho duas opções...rs

Poxa, obrigado mesmo.