Immagine random Divi

Spiegherò qui come ottenere un bell'effetto, facile da configurare, e che permetta di dinamizzare il design del tuo sito dando al visitatore un'impressione di novità quando rivisita più volte la stessa pagina.

Immagine di background che cambia in modo casuale Divi
Nel mio esempio, ho usato 3 immagini e un modulo di intestazione a schermo intero , ma sei libero di scegliere più immagini e visualizzarle come sezione, riga, sfondo del modulo ... fintanto che rimane un'immagine di sfondo, perché useremo il Proprietà immagine di sfondo CSS , che non deve essere

Immagine di background che cambia in modo casuale Divi

Ora vai su Avanzate -> ID CSS e classi CSS -> ID CSS e specifica davide-baraldi01 (ID che puoi modificare ma che dovrà anche essere cambiato nel codice jQuery che aggiungerai in seguito).
<script type="text/javascript">

jQuery(document).ready(function($){
    
    var image = new Array ();
    image[0] = "/11/header-bg-1.jpg";
    image[1] = "/11/Il-meccanico-di-Sant-Angelo-017.jpg";
    image[2] = "/11/gallery-coffee-image-2-1.jpg";
    image[3] = "/11/header-bg-1.jpg";

    var hasard = Math.floor(Math.random() * image.length);

    $('#davide-baraldi01').css({'background-image': 'url(https://dev.davide.baraldi.name/divi/wp-content/uploads/2020' + image[hasard] + ")"});

});

</script>

Colore di fondo"background" che cambia in modo casuale Divi

vedi l'esempio https://www.famolostrano.org

<script type="text/javascript">

jQuery(document).ready(function($){
 
 var couleur = new Array ();
 couleur[0] = "#d9dbb3";
 couleur[1] = "#c3dbb3";
 couleur[2] = "#add1d3";

 var hasard = Math.floor(Math.random() * couleur.length);

 $('#couleur-aleatoire').css({'background-color': couleur[hasard]});

});

</script>
Immagine random Divi
Immagine di background che cambia in modo casuale Divi

Immagine che cambia ogni volta random Divi

se vuoi assistenza contattaci oggi stesso

Share This