Pluie d'image rien ne se passe

[Humbrock]

Bonjour ou bonsoir,

Comme dit dans le titre j'ai suivi le tuto disponible en suivant le lien >> pour mettre une pluie d'images sur mon forum (http://www.lesmaitreduciel-lc.guildmmorpg.com)

L'ennui c'est qu'après avoir scrupuleusement suivi le tutoriel rien ne se passait.

Plutôt que d'héberger chez un hébergeur externe je l'ai fait directement depuis mon forum (module --> gestions JS)
Mais toujours rien... j'ai alors choisit d'enlever tout les espaces inutile (saut de ligne etc et autre) grace a ce site >> mais encore rien...

Bref, j'aimerais réussir a trouvé une solution avant le 14 juillet (date a laquelle les drapeaux français devraient pleuvoir) alors si quelqu'un a une solution je prends ;p !

Voici donc le code en question (version du tuto):

Code:

// Indiquer l'URL de l'image du flocon :
var urlflocon="http://i43.servimg.com/u/f43/16/03/63/53/icon_f11.png"
// Ecrire le nombre de flocons :
var nombreflocons = 10;
// Indiquer si la neige doit disparaître après x secondes (0=jamais) :
var cacherflocons = 0;
// Indiquer si la neige doit être vue sur la fenêtre ou toute la page avant de disparaître ("windowheight"=la fenêtre, "pageheight"=toute la page)
var voirflocons = "pageheight";
 
/////////// FIN DE LA PARTIE CONFIGURATION //////////////////////////////////
 
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
 
function testIEcompatible(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
 
var dx, xp, yp; // Variables de coordonnées et de position
var am, stx, sty; // Variables d'amplitude
var i, doc_width = 1024, doc_height = 768; // Taille de l'écran
 
if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = testIEcompatible().clientWidth;
doc_height = testIEcompatible().clientHeight;
}
 
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
 
for (i = 0; i < nombreflocons; ++ i) {
dx[i] = 0; // Variables de coordonnées
xp[i] = Math.random()*(doc_width-50); // Variables de position
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // Variables d'amplitude
stx[i] = 0.02 + Math.random()/10; // Variables de pas
sty[i] = 0.7 + Math.random(); // Variables de pas
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><img src='"+urlflocon+"' border="0"></div>");
} else {
document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><img src='"+urlflocon+"' border="0"></div>");
}
}
}
 
function neigeIE_NS6() { // IE et NS6 : fonctions principales d'animation
doc_width = ns6up?window.innerWidth-10 : testIEcompatible().clientWidth-10;
doc_height=(window.innerHeight && voirflocons=="windowheight")? window.innerHeight : (ie4up && voirflocons=="windowheight")? testIEcompatible().clientHeight : (ie4up && !window.opera && voirflocons=="pageheight")? testIEcompatible().scrollHeight : testIEcompatible().offsetHeight;
for (i = 0; i < nombreflocons; ++ i) { // déplacement pour chaque point ("dot")
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("neigeIE_NS6()", 10);
}
 
function cacherneige(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<nombreflocons; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
 
if (ie4up||ns6up){
neigeIE_NS6();
if (cacherflocons>0)
setTimeout("cacherneige()", cacherflocons*1000)
}

Informations: W7, Chrome

Excellente journée a tous et merci encore de l'aide que vous pourrez m'apporter,
Humbrock

[Humbrock]

Bonjour,

Voici le petit UP du 06 juillet 2012

Bonne journée,
Humbrock

[Humbrock]

Bonjour,

Et son cousin le up du 07 juillet 2012

Bonne journée,
Humbrock

[Humbrock]

Bonjour,

Encore un petit UP !

Bonne journée,
Humbrock

[Invité]

Bonjour, il y a une autre solution , qui fonctionne , il faut aller ici
Ensuite il suffit juste de copier/coller l'adresse de votre image dans la zone de texte et le générateur s'occupe du reste , sauf que le rendu lui n'est pas le même à vous de voir le résultat
Pour appliquer le script suivez les instructions du tutoriel de FA , soit , Affichage << Généralités << Message sur la page d'accueil.

Autre solution,il faut l'héberger vous-même par ce lien

Cordialement.

[missx]

pour les pluies d'images , si tu veut les intaller via la gestion des code javascript, il faut compiler le script avant.
tuto compiler un script
A+

[Humbrock]

Bonjour,

Merci la technique de Appolyon fonctionne très bien.
Et comme je l'avais dit j'avais déjà compiler le script mais rien ne se passait quand même...

Le seule hic maintenant c'est que je n'ai pas l'image qui tombe sur toute la page mais bien uniquement sur le haut si quelqu'un a la solution je prends (si aucune réponse d'ici ce soir ce n'est pas grave je mettrais quand même le topic en résolu)

Bonne journée,
Humbrock