rollover immagine su tag <td>

[henry78]

ciao a tutti,


ho una semplice tabella html, i <td> che compongono la tabella hanno una immagine di sfondo tramite CSS;

vorrei semplicemente che con il rollover sopra la cella, l'immagine cambi.

mi sapete aiutare??

[Xinod]

peccato per IE6 che non gestisce :hover su elementi diversi da <a>, altrimenti avresti potuto risolvere tutto con i css
comunque, questo il minimo funzionante

<td onmouseover="this.className='classeOver'" onmouseout="this.className='classeOut'">...</td>

con le due classi con i diversi background
ciao

[henry78]

grazie!!

sembra semplice..

provo stasera e poi ti dico!

ciao!

[techno]

scisami potresti spiegarmi meglio l'esempio che hai fatto?
Scusa la mia ignoranza.
"className" cosa è
"classeOver" e "classOut" cosa è

[Xinod]

<style type="text/css">
.classeOver {
  background:url('inidirizzo/immagineOver.jpg') transparent no-repeat;
}
.classeOut {
  background:url('inidirizzo/immagineOut.jpg') transparent no-repeat;
}
</style>

<td class="classeOut" onmouseover="this.className='classeOver'" onmouseout="this.className='classeOut'">...</td>

2 classi css, una per il rollover, l' altra per il rollout/stato iniziale
ciao

[techno]

Si scusa ma avevo gia provato ed ho capiuto il funzionamento.

Mi devi solo spiegare il perchè hai inserito transparent no-repeat?

[Xinod]

non e' necessario, sono due normali regole css
ciao