Cambiar un texto al pasar por una imagen

[AlvaroX]

Como puedo hacer para tener varias imagenes (aprox. unas 7), y al pasar el mouse sobre ella un cuadro de una tabla cambie de texto algo por este estilo

<img src="url1"><img src="url2"><img src="url3"><img src="url4">

<table>
<tr><td>Texto</td></tr>
</table>

Donde dice texto que cambie su contenido por otro al pasar el mouse sobre alguna de las imagenes de arriba

[kreativodesigns]

Código HTML:

<div id="contenedor"> 
 <img src="loquesea.jpg" id="imagen1" >
 <img src="loquesea.jpg" id="imagen2">
 <img src="loquesea.jpg" id="imagen3">
 <img src="loquesea.jpg" id="imagen4">
</div> 

Código:

<script>
  $("#contenedor img").mouseover(function(){
     var imagen = $(this).attr("id");
     if(imagen == "imagen1"){
     }
     elseif(imagen == "imagen2"){
     }
     elseif(imagen == "imagen3"){
     }
     ....
  });
</script>

algo asi creo que valdria

[AlvaroX]

Iniciado por kreativodesigns

Código HTML:

<div id="contenedor"> 
 <img src="loquesea.jpg" id="imagen1" >
 <img src="loquesea.jpg" id="imagen2">
 <img src="loquesea.jpg" id="imagen3">
 <img src="loquesea.jpg" id="imagen4">
</div> 

Código:

<script>
  $("#contenedor img").mouseover(function(){
     var imagen = $(this).attr("id");
     if(imagen == "imagen1"){
     }
     elseif(imagen == "imagen2"){
     }
     elseif(imagen == "imagen3"){
     }
     ....
  });
</script>

algo asi creo que valdria

supongo que en los ifs y elseif debe ir lo necesario para cambiar el texto de la tabla y ese es mi problema realmente tenia algo parecido a lo que acabas de poner, pero no se como hacerle para que el texto cambie.

[AlvaroX]

ya lo logre lo comparto por si alguien lo requiere


<img src="foto1" onmouseover="document.getElementById('celda1').inn erHTML='Texto2';" onmouseout="document.getElementById('celda1').inne rHTML='Texto1';" />
<img src="foto2" onmouseover="document.getElementById('celda1').inn erHTML='Texto3';" onmouseout="document.getElementById('celda1').inne rHTML='Texto1';" />
<img src="foto3" onmouseover="document.getElementById('celda1').inn erHTML='Texto4';" onmouseout="document.getElementById('celda1').inne rHTML='Texto1';" />


<table>
<tr>
<td id="celda1">Texto1</td>
</tr>
</table>

ese es el effecto que queria conseguir... si alguien lo necesita ahi esta.