Table html com nomes e uma tag <IMG> que deverá mostrar o nome escolhido

Front-end
#1

Olá
Pessoal
Nessa minha table html, do lado esquerdo eu tenho nomes de animais e do lado esquerdo eu tenho uma tag teria como quando o usuário clik em um dos animais ele mover o nome do animal escolhido para a tag e mostra a foto escolhida?

Grato

gato
rato
boi
cavalo
 
#2

nao entendi sua duvida
tente se expressar melhor

#3

Não sei se sua dúvida seja essa, mas se entendi certo deve ser isto aqui.


<tr valign="bottom">
                        	<td width="15" valign="bottom" class="txt_padrao"></td>
//minha imagem principal                        	
<td align="left" valign="middle" class="txt_padrao"><img src="imagens/caixas.jpg" width="480" height="200" border="0"  id="foto"></td>
//este id="foto" é o principal é o pulo do gato
//pois ele que joga o valor e troca a imagem
                        	<td align="right" valign="top" class="txt_padrao"><table width="100%"  border="0" cellpadding="2" cellspacing="2" >
                              <tr>
                                <td>
//este daqui é a função que uso para trocar as imagens
[b]<a href="javascript:;" onMouseOver="MM_swapImage('foto','','imagens/caixas.jpg',1)" ><img src="imagens/caixa_pq.jpg" width="100" height="35" border="0"></a>[/b]</td>
                              </tr>
                              <tr>
                                <td><a href="javascript:;" onMouseOver="MM_swapImage('foto','','imagens/estoque.jpg',1)" ><img src="imagens/estoque_pq.jpg" name="Image1" width="100" height="35" border="0" id="Image1"></a></td>
                              </tr>
                              <tr>
                                <td><a href="javascript:;" onMouseOver="MM_swapImage('foto','','imagens/fios.jpg',1)" ><img src="imagens/fios_pq.jpg" width="100" height="35" border="0"></a></td>
                              </tr>
                              <tr>
                                <td><a href="javascript:;" onMouseOver="MM_swapImage('foto','','imagens/rolos.jpg',1)" ><img src="imagens/rolos_pq.jpg" width="100" height="35" border="0"></a></td>
                              </tr>
                              <tr>
                                <td><a href="javascript:;" onMouseOver="MM_swapImage('foto','','imagens/foto5nova.jpg',1)" ><img src="imagens/shroom_pq.jpg" width="100" height="35" border="0"></a></td>
                              </tr>
                            </table></td>
                        	<td width="20" class="txt_padrao">&nbsp;</td>
                        </tr>

Se não for isso vc explica melhor o que vc esta querendo.

int tipo;
Vc pode fazer assim tbm, colocar um link: <a href="nome_da_minha_pagina.jsp?tipo=01"></a>
e no lugar onde vc quer que mostre a imagem vc coloca 
<%if(tipo==01)%>
<img src="imagens/minhaimagem.jpg" width="100" height="35" border="0">

Falow

#4