Variable random

Par Roken Troll, il y a 8 ans

Les bases HTML/CSS

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

Roken Troll, il y a 8 ans

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

G1.3, il y a 8 ans

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

Roken Troll, il y a 8 ans

Javascript pour faire au plus simple.

G1.3, il y a 8 ans

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+

Carouge10, il y a 8 ans

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

Bahamut45, il y a 8 ans

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>

@ +

Roken Troll, il y a 8 ans

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 ?

Carouge10, il y a 8 ans

oui cela est possible avec comme je l'ai dit au dessus en utilisant la fonction rand(); en php

Roken Troll, il y a 8 ans

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