Salut,
Je voudrais que le background de mon header change aléatoirement à chaque fois qu'on rafraichis la page.
Actuellement j'ai juste un background fixe :
<div class="started-bg">
<div id="particles-bg" class="slide" style="background-image: url(images/particles-bg.jpg);"></div>
</div>
Je n'ai absoluement aucune idée sur la manière de procéder.
Salut
Je ne suis pas sûr que ce soir possible uniquement en HTML, il va falloir te tourner vers du Javascript ou récupérer l'info via ton backend (php, nodejs etc...)
A+
Bonjour,
En JS :
<script type="text/javascript">
var totalCount = 8;
function ChangeIt()
{
var num = Math.ceil( Math.random() * totalCount );
document.body.background = 'images/'+num+'.jpg';
}
</script>
@ +
Et es ce que c'est possible de faire un truc dans le genre bash en mettre la variable dans le html ? Admetons que le résultat random est mis dans la variable random ça donnerais ça :
<div class="started-bg">
<div id="particles-bg" class="slide" style="background-image: url(images/$random.jpg);"></div>
</div>
Tu vois ce que je veux dire ?
oui cela est possible avec comme je l'ai dit au dessus en utilisant la fonction rand(); en php