cambio immagine di sfondo cella

**diwla** · 01-12-2005, 12:04

Ciao a tutti...
vorrei fare in modo che al passaggio del mouse su una cella mi cambiasse l'iimagine di sfondo...
perchè cambi il colore così funziona:
<td onmouseover="this.style.backgroundColor='red';">
ma se ci voglio un'immagine?!?

...grazie

**SoulHome** · 01-12-2005, 13:22

fai così:
<td onmouseover="this.style.background: url(sfondo.jpg)">

**gambelorenzo** · 24-05-2010, 12:50

anch'io vorei cambiare l'immagine di sfondo della mia cella... con icolori semplici funziona... però se metto come sfondo delle immagini si impalla... posto il mio codice:
<html>

<head>
<title>Indice</title>
<script language="javascript">
function cambia_sfondo (x)
{ document.getElementById(x).style.background="../Immagini/SfondoAzzurro.jpg";}

function torna_sfondo (y)
{ document.getElementById(y).style.background="../Immagini/SfondoArancione.jpg";}
</script>

</head>
<body background=../Immagini/SfondoArancione.jpg>

<div align="center">
<table border="3" cellspacing="1" cellpadding="10" width="150" bordercolorlight=#0066FF bordercolordark=#0066FF style="border-collapse: collapse">
<tr>
<td id="cella1" onMouseOver="cambia_sfondo('cella1')" onMouseOut="torna_sfondo('cella1')" bordercolor="#0066FF" bordercolorlight="#0066FF" bordercolordark="#0066FF" background="../Immagini/SfondoArancione.jpg"> </th><p align="center"> <a href="Home.htm" target="Corpo">
HOME</a></p> </td>
</table>
</body>
</html>

**Xinod** · 24-05-2010, 13:09

serve almeno
document.getElementById(x).style.background="url(. ./Immagini/SfondoAzzurro.jpg)";

**gianluca1987** · 14-02-2011, 19:22

Salve, mi inserisco nella discussione perchè ho lo stesso problema.
In pratica al passaggio del mouse su una cella voglio modificare l'immagine di sfondo (background), mentre quando il mouse è fuori dalla cella voglio che ritorni quella iniziale.
Ho fatto così ma nn funziona:

codice:

<script language=""JavaScript"">

  function cambia (x,ImageFile){
    document.getElementById(x).style.background = ImageFile;
  }


function torna_sfondo (y)
{ 
document.getElementById(y).style.background="http://www.nomesito.it/vuoto.png";
}
</script>

          <p class="Stile32"></p>
          <table width="724" height="563" border="1" background="http://www.nomesito.it/esterno_1.jpg">
            
			<tr height="25%">
              <td width="20%" id="cella1" onMouseOver="cambia('cella1','http://www.nomesito.net/candela.gif')" onMouseOut="torna_sfondo('cella1')" background="http://www.nomesito.it/vuoto.png">
			  <p align="center"> <a href="Home.htm" target="Corpo">
Prova</a></p> </td>
              <td width="20%"></td>
              <td width="20%"></td>
              <td width="20%"></td>
              <td width="20%"></td>
            </tr>
 
          </table></th>

Che devo fare??? vi prego aiutatemi...

Discussione: cambio immagine di sfondo cella

Strumenti discussione

Ricerca discussione

Visualizza

cambio immagine di sfondo cella

Permessi di invio