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.

9 réponses


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+

Ah bah oui ça c'est sûr que ce sera du java. Tu saurais faire ?

Java ou javascript ? Il y a une différence entre ces 2 là.

Javascript pour faire au plus simple.

Bonsoir,
Si tu connais un peu php, tu as la fonction rand(); qui te serais utile.

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

Ok je vais regarder dans ce sens. Merci à toi.