Visualizzazione dei risultati da 1 a 3 su 3

Discussione: sfondo random tabella

  1. #1

    sfondo random tabella

    Salve a tutti dovrei inserire 8 immagini di sfondo ad una tabella che cambiano ogni 3 secondi chi mi da una mano?
    grazie
    Marco

  2. #2

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Una cosa del genere.
    codice:
    <html><head><title>Cambio sfondo tabella</title>
    <meta http-equiv="Content-Language" content="it">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <style type="text/css">
    #Tab1{
    	font-family: Arial, Helvetica, sans-serif;
    	font-weight: normal;
    	height: 100px;
    	width: 100px;
    }
    </style>
    <script type="text/javascript" language="JavaScript">
    function CambiaSfondo(){
    //Qui vanno le immagini attenzione a rispettare il percorso
    var backgr0="url(no-air.jpg)"
    var backgr1="url(on-air.jpg)"
    var backgr2="url(off.jpg)"
    
    //Qui va inseirto il numero per creare il random il doppio delle immagini 3 = 6 | 4 = 8 etc..
    var n = 6 
    
    var cur=Math.round(n*Math.random())
    
    
    if (cur<=1)
    backgr=backgr1
    else if (cur<=3)
    backgr=backgr0
    else if (cur<=5)
    backgr=backgr2
    //qui sotto aggiungi le if necessarie per visualizzarle nella tabella 3 immagini 3 if 4 immagini 4 if etc...
    document.getElementById("Tab1").style.backgroundImage=backgr
    setTimeout("CambiaSfondo()",3000)
    }
    </script>
    </head>
    <body onLoad="CambiaSfondo()">
    
    <table id="Tab1">
      <tr>
        <td>Prova scambio immagine di sfondo</td>
      </tr>
    </table>
    
    </body>
    
    </html>
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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.