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

    script per cambio immagine in un div

    Ciao a tutti,
    avete qualche dritta per un codice da utilizzare per cambiare immagine di sfondo ad un div al reload della pagina?
    non riesco a trovare discussioni aperte sull'argomento.

    grazie per l'aiuto

  2. #2
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    319
    Due funzioni che si potrebbero adattare alle tue necessità.

    codice:
    <div id="mydiv" style="height: 450px;">my div</div>
        <script>
            const myDiv = document.getElementById('mydiv')
    
            function rndBg1() {
                const rnd = Math.random() * 3 + 1 | 0
                myDiv.style.backgroundImage = `url('./images/bg-${rnd}.jpg')`
            }
    
            function rndBg2() {
                const images = [
                    './images/bg-1.jpg',
                    './images/bg-2.jpg',
                    './images/bg-3.jpg'
                ].sort(() => Math.random() - .5)
                myDiv.style.backgroundImage = `url(${images[0]})`
            }
    
            rndBg1()
            // rndBg2()
        </script>

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 © 2024 vBulletin Solutions, Inc. All rights reserved.