Hello à tous.
Voilà, je voudrais réaliser un effet de fondu de la couleur de fond du noir au blanc et inversement selon les pages de mon site.
J'ai récupéré un script qui fait ça très bien (gloire à son auteur !) mais je ne comprends pas bien pourquoi, il ne marche pas sous Firefox, alors qu'il fonctionne parfaitement sous IE, Opera et Chrome.
C'est sûrement tout bête, mais comme je débute, je ne vois pas où se trouve le problème.
Quand je teste le script tel quel, ça fonctionne, mais dès que je l'insère dans une page (basique), ça ne fonctionne plus. Je suppose que je le place au mauvais endroit, mais où dois-je le mettre alors ? J'ai tenté aussi de le mettre dans un fichier .js à part et de l'appeler, rien n'y fait. Si quelqu'un pouvait m'aider, je lui en serais extrêmement reconnaissant...
Voici le code : (je laisse les commentaires de l'auteur, si ça peut aider)
merci d'avance
Vinny
Modifié par vinny38 (27 Jan 2010 - 10:59)
Voilà, je voudrais réaliser un effet de fondu de la couleur de fond du noir au blanc et inversement selon les pages de mon site.
J'ai récupéré un script qui fait ça très bien (gloire à son auteur !) mais je ne comprends pas bien pourquoi, il ne marche pas sous Firefox, alors qu'il fonctionne parfaitement sous IE, Opera et Chrome.
C'est sûrement tout bête, mais comme je débute, je ne vois pas où se trouve le problème.
Quand je teste le script tel quel, ça fonctionne, mais dès que je l'insère dans une page (basique), ça ne fonctionne plus. Je suppose que je le place au mauvais endroit, mais où dois-je le mettre alors ? J'ai tenté aussi de le mettre dans un fichier .js à part et de l'appeler, rien n'y fait. Si quelqu'un pouvait m'aider, je lui en serais extrêmement reconnaissant...
Voici le code : (je laisse les commentaires de l'auteur, si ça peut aider)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Titre de la page</title>
</head>
<body>
<script type="text/javascript">
/*Configuration */
config=new Array();
/*Cette option change le nombre de couleurs qui seront traversées
dans le dégradé. Le nombre de couleurs qui passeront dans le dégradé
sera 255/config["intervalle_couleurs"]. Si tu mets 1, 255 couleurs passeront,
si tu mets 2, 127 couleurs passeront etc.... Plus il y a de couleurs
et plus ce sera fluide mais lent. Par défaut je mets 2: un bon compromis */
config["intervalle_couleurs"] = 2;
/* Cette option règle l'intervalle de temps (em millisecondes) entre
chaque changement de couleur de l'arrière plan. Par défaut: 10 */
config["intervalle_temps"] = 10;
/* Début du script */
couleur=0;
intervalle_couleurs=0;
/* Configure l'intervalle de couleur. Si config["intervalle_couleurs"] est à 1,
alors la couleur sera incrémentée de 0x010101 àchaque dégradé.
Si config["intervalle_couleurs"] est à 2, alors la couleur sera
incrémentée de 0x020202 à chaque dégradé. */
function configure()
{
intervalle_couleurs = config["intervalle_couleurs"] + (config["intervalle_couleurs"] << 8) + (config["intervalle_couleurs"] << 16);
}
/* document.bgColor doit prendre une valeur hexa sous forme de chaine
de caractère avec 6 chiffres hexa. Si notre couleur comprend moins de 6
chiffres, on rajoute des zero devant */
function padding(nombre)
{
padded_str="";
nombre=nombre.toString(16);
if(nombre.length < 6){
for (i=0;i< (6-nombre.length);i++)
{
padded_str+="0";
}
padded_str+=nombre;
}
else{
padded_str=nombre;
}
return padded_str;
}
// Le dégradé
function degrade()
{
document.bgColor=padding(couleur);
if (couleur < 0xffffff){
setTimeout("degrade()",config["intervalle_temps"]);
}
// N'allons pas trop loin dans l'incrémentation
if ( (couleur + intervalle_couleurs) >= 0xffffff){
couleur = 0xffffff;
}
else{
couleur+=intervalle_couleurs;
}
}
configure();
degrade();
</script>
</body>
</html>
merci d'avance
Vinny
Modifié par vinny38 (27 Jan 2010 - 10:59)
