Jump to content
Fórum Script Brasil
  • 0

Alterar Imagem Dinâmicamente


fertel

Question

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

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

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.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      651.8k
×
×
  • Create New...