[javascript]immagini come sfondo

**unit1** · 10-06-2005, 10:08

codice:

<body onload="uno()" bgcolor="#000000">
  <script type="text/javascript">
    <!--
    var conte=new Array()
    conte[0]="1.jpg"
    conte[1]="2.jpg"
    conte[2]="3.jpg"
    conte[3]="4.jpg"
    conte[4]="5.jpg"
    conte[5]="6.jpg"
    conte[6]="7.jpg"
    conte[7]="8.jpg"
    conte[8]="9.jpg"
    conte[9]="10.jpg"
    conte[10]="11.jpg"
    conte[11]="12.jpg"
    conte[12]="13.jpg"
    conte[13]="14.jpg"
    conte[14]="15.jpg"
    conte[15]="16.jpg"
    conte[16]="17.jpg"
    conte[17]="18.jpg"
    conte[18]="19.jpg"

    function uno(){
      var  tmp= Math.floor(Math.random()*19);
      document.img.src=conte[tmp];
    }
    setInterval("uno()",1000000);
    //-->
  </script>
  <center><img name="img" width="100%" height="100%" onclick="uno();"></center>
</body>

devo mettere quella immagine come sfondo, qualcuno sa come fare?

**eumene** · 10-06-2005, 10:27

Prova così

codice:

<body onload="uno()" bgcolor="#000000">
  <script type="text/javascript">
    <!--
    var conte=new Array()
    conte[0]="1.jpg"
    conte[1]="2.jpg"
    conte[2]="3.jpg"
    conte[3]="4.jpg"
    conte[4]="5.jpg"
    conte[5]="6.jpg"
    conte[6]="7.jpg"
    conte[7]="8.jpg"
    conte[8]="9.jpg"
    conte[9]="10.jpg"
    conte[10]="11.jpg"
    conte[11]="12.jpg"
    conte[12]="13.jpg"
    conte[13]="14.jpg"
    conte[14]="15.jpg"
    conte[15]="16.jpg"
    conte[16]="17.jpg"
    conte[17]="18.jpg"
    conte[18]="19.jpg"

    function uno(){
      var  tmp= Math.floor(Math.random()*19);
	  document.body.background=conte[tmp];
    }
    setInterval("uno()",1000);
    //-->
  </script>
</body>

**unit1** · 11-06-2005, 12:03

grazie, funziona.

e per far in modo che non si ripeta l'immagine ma si estenda?

**eumene** · 12-06-2005, 10:29

Per evitare che le immagini si ripetano nello sfondo comincia ad impostare:

codice:

<body style="repeat:no-repeat;" onload="uno()" bgcolor="#000000">

Dovrebbe essere questa la sintassi.

Per le dimensioni devo un po' aggiornarmi

**unit1** · 12-06-2005, 12:59

non da errori ma non va

**eumene** · 12-06-2005, 13:51

Scusami, hai raqione.

Ho sbagliato il codice. Questo è corretto.

codice:

<body onload="uno()" style="background-repeat: no-repeat;" bgcolor="#000000">

**unit1** · 13-06-2005, 14:09

Perfetto... potresti anche allungarmelo su tutto lo schermo?

**eumene** · 13-06-2005, 15:49

Ma fammi capire, vuoi che l'immagini di sfondo si allarghi per tutta la dimensione dello schermo?

Puoi postare un immagine tipo da utilizzare come sfondo, magari desideri solo che venga ripetuta in orizzontale e non in verticale

**unit1** · 14-06-2005, 14:35

Originariamente inviato da eumene
Ma fammi capire, vuoi che l'immagini di sfondo si allarghi per tutta la dimensione dello schermo?

Puoi postare un immagine tipo da utilizzare come sfondo

esatto!

**eumene** · 14-06-2005, 16:53

Quindi non ti basta questo??

codice:

<body onload="uno()" style="background-repeat: repeat-x;" bgcolor="#000000">

Discussione: [javascript]immagini come sfondo

Strumenti discussione

Ricerca discussione

Visualizza

[javascript]immagini come sfondo

Permessi di invio