Cambiar imagen de fondo 'onmouseover'

[pabloe9k]

Hola, gente.
Necesito de su ayuda.
Estoy utilizando el siguiente código JavaScript para que, en el evento onmouseover cambie el color de fondo de una celda y onmouseout vuelva a su estado original.

Código HTML:

 <td align="center" onmouseover="this.style.backgroundColor='#C30D00'" onmouseover="this.style.backgroundColor='none'">
         <font face="verdana" size="2">SERVICIO</font>
      </td> 

Pero no es lo que necesito. Me gustaría que ante el evento onmouseover cambie la imagen de fondo de la celda (en lugar de solo el color) y onmouseout vuelva a la normalidad.

He probado con esto, pero no funcionó:

Código HTML:

 <td align="center" onmouseover="this.style.background='deposito/imagen1.jpg'" onmouseover="this.style.background='none'">
         <font face="verdana" size="2">SERVICIO</font>
      </td> 

Pueden ayudarme con esto?
De antemano, muchas gracias.

Saludos.

[zerokilled]

buenas,
siempre recuerda esto. el valor a asignar a una propiedad css desde javascript es uno similar a como lo declararías en una hoja de estilo. lo que significa, que una imagen de fondo en css no se escribe como lo muestra en el código. debe ser algo como url(path/filename.ext).

[pabloe9k]

Iniciado por zerokilled

buenas,
siempre recuerda esto. el valor a asignar a una propiedad css desde javascript es uno similar a como lo declararías en una hoja de estilo. lo que significa, que una imagen de fondo en css no se escribe como lo muestra en el código. debe ser algo como url(path/filename.ext).

Excelente! Muchas gracias!!
Saludos.

[maycolalvarez]

también podrías usar psudo-clases CSS, como :hover

[caricatos]

Hola:

El estilo de las imágenes de fondo en concreto es background-image, que por regla, en javascript sería backgroundImage...

Un apunte sobre ese tipo de rollover: Javascript: rollover.

Saludos