Changement de couleur du background
tasoce
-
bast64 Messages postés 47 Statut Membre -
bast64 Messages postés 47 Statut Membre -
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.
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
-
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.