jQuery: Cambiare un'immagine di sfondo casualmente

jQuery: Cambiare un'immagine di sfondo casualmente

jQuery: uno script per cambiare lo sfondo della pagina in maniera casuale

Si può cambiare l'immagine di sfondo in modo random con il jQuery?

Chi di voi non si è mai posto questa domanda.

Io tantissime volte. Sino a quando non ho googlato "jquery cambiare immagine di sfondo random" (lo so, sono molto pigro) e trovato la risposta, che ovviamente è si. L'unica cosa che non fa il jQuery è il caffè... ma qualcuno potrebbe smentirmi.

Cerchiamo allora di soddisfare la vostra necessità di realizzare uno sfondo che cambi in modo random.

Vediamo quindo come, con poche righe di codice, è possibile ottenere il risultato sperato! Saranno sufficienti un minimo di competenze di javascript ed un’accortezza nella nomenclatura delle foto che utilizzeremo.


$(document).ready(function(){

totaleImmagini=5;

randomNumber = Math.round(Math.random()*(totaleImmagini-1)) 1;

imgPath=('/path/' randomNumber '.jpg'); //il percorso può essere relativo o assoluto

$('#c​ontainer').css('background-image', ('url("' imgPath '")'));

});


Ricondate che le foto dovranno essere presenti nella cartella "images" e dovranno chiamarsi 1.jpg, 2.jpg, 3.jpg, 4.jpg e 5.jpg.

Altrimenti adattate lo script a vostro piacimento !

loader