hola tengo un problema estoy trantando de hacer una tabla con imagens con la peculiarida de que cada vez que se pase el raton sobre una celda de la table me cambie la imagen de la celda aleatoriamente.
hice el codigo para que me generara las imagenes aleaorias pero no se como incluir el eventon onmouse over con la imagen dentro de las celdas para que la imagen cambie cuando se pase el raton sobre la celda.
aca dejo el codigo de lo que tengo hecho si alguien me puede ayudar a completarlo estaria muy agradecido o que me explicaran como haceerlo :)
<html>
<head>
<script language="javascript">
function vector(n)
{
this.length = n;
for (var i=1; i<=n; i++)
{
this[i] = "";
}
return this;
}
var i;
function aleatoria()
{
i = Math.floor(9 * Math.random() + 1);
return image[i];
}
image = new vector(9);
image[1]="lost1.jpg";
image[2]="lost2.jpg";
image[3]="lost3.jpg";
image[4]="lost4.jpg";
image[5]="lost5.jpg";
image[6]="lost6.jpg";
image[7]="lost7.jpg";
image[8]="lost8.jpg";
image[9]="lost9.jpg";
</script>
</head>
<body>
<table border=2>
<tr>
<td id="imagen1"> </td>
<td id="imagen2"> </td>
</tr>
<tr>
<td id="imagen3"> </td>
<td id="imagen4"> </td>
</tr>
<td id="imagen5"> </td>
<td id="imagen6"> </td>
</tr>
<td id="imagen7"> </td>
<td id="imagen8"> </td>
</tr>
</table>
</body>
</html>
dentro de los td es dodne debria eestar la imagen y cuando se passe el ranton sobre ello cambiese la imagen aleatoriameente de las 9 que tengo no se en dodne poner el mouseover junto con la imagen para que etsoy funcione .
