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
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
Chi Non RisiKa noN RosiKa
fai così:
<td onmouseover="this.style.background: url(sfondo.jpg)">
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>
serve almeno
document.getElementById(x).style.background="url(. ./Immagini/SfondoAzzurro.jpg)";
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:
Che devo fare??? vi prego aiutatemi...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>