cambiar la imagen de fondo de una celda

[vitogq]

Hola a todos, estoy haciendo un menú donde cada una de las opciones es una imagen y quiero q cambien en función del evento del raton

Código:

<td id=b1 VALIGN=middle style="height:37;background-image:url('imagenes/misdatos_reposo.jpg');" onmouseover="sobre('misdatos',1);" onmouseout="fuera('misdatos',1);" onmouseup="sobre('misdatos',1);" onmousedown="pulsa('misdatos',1);" onclick="location.href='clientes.php'"></td>

y las funciones javascript son:

Código:

function sobre(src,opcion) {
	alert ("background-image:url("+src+"_sobre.jpg)");
	document.getElementById("b"+opcion).style="background-image:url('"+src+"_sobre.jpg')";
}
function fuera(src,opcion) {
	alert ("background-image:url("+src+"_reposo.jpg)");
	document.getElementById("b"+opcion).style="background-image:url('"+src+"_reposo.jpg')";
}
function pulsa(src,opcion) {
	alert ("background-image:url("+src+"_presionado.jpg)");
	document.getElementById("b"+opcion).style="background-image:url('"+src+"_presionado.jpg')";
}

en el firefox el error que me da es:

setting a property that has only a getter

Agradeceria una ayudita

Un saludo a todos

[derkenuke]

Quizás sea porque la manera más correcta es accediendo directamente a la propiedad .style.backgroundImage, no a todo el atributo style.

Inténtalo de esa manera.



Un saludo.