Charger une image de fond aléatoire sur page d'accueil

Bonjour à tous,

J'aimerais trouver une solution permettant d'appeler une image de fond au hasard sur ma page d’accueil tout en conservant le texte et son emplacement.

J'ai mis ceci dans mon <style> :

.bigimg-1 {
				position: relative;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				background-image: url("images/bigimg-1.jpg");
				height: 100%;
			}

Avec pour idée d'appeler d'autres images de façon aléatoire, bigimg-2.jpg, bigimg-3.jpg, etc...

Peut-on, à partir de background-image:, appeler des images au hasard dans mon folder images/ ?

Ou bien dois-je passer par du JS ? Si, comme je le pense, le JS s'impose, je n'arrive pas à trouver dans les différents sujets quelque chose qui pourrait m'aiguiller.

Merci,

Yann.

Salut,

regarde du côté de Math.random et de l'objet Array
Modifié par niuxe (19 Jul 2020 - 21:51)

Bonjour, j'ai le même souci alors merci pour ce sujet Juste une petite précision, avec ce code, le changement d'image se fait au moment de recharger la page ou naturellement, après un certain laps de temps ?

Salut, merci pour votre réponse ça m'aide aussi.

<edit pas de spams SVP >
Modifié par gcyrillus (03 Aug 2021 - 18:24)