Pagina 1 di 3 1 2 3 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 22

Discussione: Background che cambia

  1. #1

    Background che cambia

    Salve a tutti,
    mi servirebbe una funzione in JS che mi faccia cambiare l'immagine di background della mia pag HTML ogni 15 secondi. Le immagini sono nella stessa cartella del file HTML. Grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    May 2012
    Messaggi
    1,453
    codice:
    setInterval(function(){ 
       document.body.background = immagini[Math.floor(Math.random()*immagini.length)]; 
    }, 1000*15);
    Scritta su due piedi vedi se ti va bene, immagini è un array con l'url dei tuoi sfondi

  3. #3
    scusa ma è la prima volta che uso js e non sono molto pratico. potresti scrivere il codice completo gentilmente? grazie.

  4. #4
    Utente di HTML.it
    Registrato dal
    May 2012
    Messaggi
    1,453
    Quote Originariamente inviata da Giovanni255 Visualizza il messaggio
    scusa ma è la prima volta che uso js e non sono molto pratico. potresti scrivere il codice completo gentilmente? grazie.
    codice:
    <script>
    immagini = ['immagini/prima.jpg','immagini/seconda.jpg','immagini/terza.jpg'];
    setInterval(function(){ 
       document.body.background = immagini[Math.floor(Math.random()*immagini.length)]; 
    },1000*15);
    </script>
    



  5. #5
    grazie. lo inserisco nel <head> giusto? e nel css non devo scrivere nulla?

  6. #6
    Utente di HTML.it
    Registrato dal
    May 2012
    Messaggi
    1,453
    Quote Originariamente inviata da Giovanni255 Visualizza il messaggio
    grazie. lo inserisco nel <head> giusto? e nel css non devo scrivere nulla?
    Nel css no, puoi inserirlo dove vuoi anche nell'head

  7. #7
    Ok grazie ora provo.

  8. #8
    Ciao, non funziona. Se uso ispeziona elemento vedo questo errore: net::ERR_FILE_NOT_FOUND(anonymous function) @ index.html:15

  9. #9
    sempre con ispeziona elemento, se clicco sull'errore che ti ho riportato sopra, mi lampeggia questa riga dello script: document.body.background = immagini[Math.floor(Math.random()*immagini.length)];

  10. #10
    Utente di HTML.it
    Registrato dal
    May 2012
    Messaggi
    1,453
    Probabilmente hai inserito un percorso sbagliato per le immagini, se sono hostate in locale basta che parti dalla cartella, se le prendi da remoto metti l'url intero eventualmente posta il tuo codice

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.