Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

blink

mudar imagem

Por , em Javascript

Recommended Posts

blink    0

blink
Postado

Como mudo uma imagem atravez do <select>...

tipo tenho um texto no select--->gato---então ao lado aparece a imagem do gato

select--->cachorro---então ao lado aparece a imagem do cachorro

Deixo aqui o html se algem poder fazer para eu ver como funciona ficarei muito grato!!!

 

 

<html><head><title>Mudar imagem</title></head><body> <table width="100%" height="147" border="0" cellpadding="0" cellspacing="0">   <tr>      <td width="11%" align="center">     <select name=imagem>      <option selected>cachorro</option>      <option selected>gato</option>       <option selected>passaro</option>      <option selected>leão</option>      </select>     </td>     <td width="89%">Aqui aparece a imagem</td>   </tr> </table></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

<script language=javascript>

function teste(valor){

document.ilustracao.src = valor;

}

</script>

 

<select onchange="teste(this.value);">

<option value="imagem1.jpg">imagem 1</option>

<option value="imagem2.jpg">imagem 2</option>

</select>

 

<br>

 

<img name=ilustracao src="imagem_transparente.gif">

Compartilhar este post

Link para o post
Compartilhar em outros sites

blink    0

blink
Postado

e como eu faço isso com um "radio"<html><head><title>Mudar imagem</title></head><body><table width="100%" height="147" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="11%" align="center"> <input name="cachorro" type="radio" value="cachorro.jpg"><input name="gato" type="radio" value="gato.jpg"><input name="rato" type="radio" value="rato.jpg"><input name="leao" type="radio" value="leao.jpg"><input name="passaro" type="radio" value="passaro.jpg"></td> <td width="89%">Aqui aparece a imagem</td> </tr></table></body></html>igual o daqui do forumMuito Obrigado ...

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

a mesma coisa, só que no input você coloca um evento onclick que invocará a função:

 

teste('imagem.gif');

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito