Changement de couleur du background

Bonjour, j'ai recherché sur le net mais je n'ai pas vraiment trouvé de solution vraiment concrète.
Je cherche à changer le background-color à chaque réactualisation de la page.

Exemple : https://www.wacom.com/en-us

Pourriez-vous m'aider ?

Merci d'avance.

1 réponse

  • Votes
  • Date
  • Date décroissante
  1. D'aprés la source, il faut utiliser un petit script en javascript
    /*========== color_control ==========*/
    wacomColors = new Array('yellow', 'green', 'blue', 'purple', 'pink');
    defaultColor = 'yellow';
    
    myColor = myGetCookie('WACOM_COLOR');
    if( myColor == null) {
    	mySetCookie('WACOM_COLOR',defaultColor,365);
    }
    for(i = 0; i < wacomColors.length; i++){
    	if(wacomColors[i] == myColor){
    		wacomColors.splice(i,1);
    	}
    }
    rndNum = Math.floor(Math.random()*wacomColors.length);
    newColor = wacomColors[rndNum];
    mySetCookie('WACOM_COLOR',newColor,365);
    
    document.write('<link href="control/css/color_'+newColor+'.css" rel="stylesheet" type="text/css">');
    


    En gros il y a un tableau contenant les différentes couleurs. Aléatoirement une couleur est appelée est on insére dans le fichier css un appel à un autre fichier css du nom de la couleur.

    Il y à donc plusieurs css, avec un principal et un secondaire choisi aléatoirement.

    Et dans chaque fichier secondaire la couleur de fond change.
    1. Merci pour ta réponse, penses tu que l'on puisse le faire avec des images ?
    2. Une fois que tu arrive à chargez différentes feuilles de style, et si ce sont des images d'arrières plan insérés dans le css, pas de problème.