Cambiar el fondo de una cell con onMouseOver
Buenas.
Resulta que tengo una tabla de 3*3 en la que en cada celda pongo una imagen. Me gustarÃa que cuando paso el mouse por arriba de la imagen aparezca un borde al rededor de la imagen. Para ello tengo un GIF con el borde que quiero y la idea es usar la funcion onMouseOver para poner el GIF como background.
Tengo el siguiente codigo en JS
<script type="text/javascript">
function changeBackground(id, num){
var x = document.getElementById(id);
if (num==1){
x.background = OnMouseOver.GIF;
}
else{
x.background = "";
}
return
}
</script>
Y en la celda de la tabla tengo lo siguiente:
<th id="first" width="285" height="204" scope="col">
<img src="IMG_5127%20(Medium)%20(WinCE).JPG" width="147" height="89" onMouseOver = "changeBackground('first', 1)" onMouseOut="changeBackground('first', 0)">
</th>
Sin embargo, esto no anda. Alguna idea? Gracias
Resulta que tengo una tabla de 3*3 en la que en cada celda pongo una imagen. Me gustarÃa que cuando paso el mouse por arriba de la imagen aparezca un borde al rededor de la imagen. Para ello tengo un GIF con el borde que quiero y la idea es usar la funcion onMouseOver para poner el GIF como background.
Tengo el siguiente codigo en JS
<script type="text/javascript">
function changeBackground(id, num){
var x = document.getElementById(id);
if (num==1){
x.background = OnMouseOver.GIF;
}
else{
x.background = "";
}
return
}
</script>
Y en la celda de la tabla tengo lo siguiente:
<th id="first" width="285" height="204" scope="col">
<img src="IMG_5127%20(Medium)%20(WinCE).JPG" width="147" height="89" onMouseOver = "changeBackground('first', 1)" onMouseOut="changeBackground('first', 0)">
</th>
Sin embargo, esto no anda. Alguna idea? Gracias