Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    cambio immagine di sfondo cella

    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

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

  3. #3
    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>

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    serve almeno
    document.getElementById(x).style.background="url(. ./Immagini/SfondoAzzurro.jpg)";

  5. #5
    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...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.