Pluie d'images

[Sertao21]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Aujourdhui
Lien du forum : http://www.lescaravaniersdusertao.com/

Description du problème

Bonjour
j'ai installé une pluie d'image sur mon forum, est il possible de changer la quantité d'images qui tombent svp ?

[*Splash*]

Hi,
Place ce script ou tu veux :

Code:

var snowsrc = "http://i74.servimg.com/u/f74/18/44/07/06/95408610.png"; var no = 10; var hidesnowtime = 0; var snowdistance = "pageheight"; var ie4up = document.all ? 1 : 0; var ns6up = document.getElementById && !document.all ? 1 : 0; function iecompattest() { return document.compatMode && document.compatMode != "BackCompat" ? document.documentElement : document.body } var dx, xp, yp; var am, stx, sty; var i, doc_width = 800, doc_height = 600; if(ns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight }else { if(ie4up) { doc_width = iecompattest().clientWidth; doc_height = iecompattest().clientHeight } } dx = new Array; xp = new Array; yp = new Array; am = new Array; stx = new Array; sty = new Array; snowsrc = snowsrc.indexOf("fdf.aidactif.fr") != -1 ? "http://fdf.aidactif.fr/paque/p6.png" : snowsrc; for(i = 0;i < no;++i) { dx[i] = 0; xp[i] = Math.random() * (doc_width - 50); yp[i] = Math.random() * doc_height; am[i] = Math.random() * 20; stx[i] = 0.02 + Math.random() / 10; sty[i] = 0.7 + Math.random(); if(ie4up || ns6up) { if(i == 0) { document.write('<div id="dot' + i + '" style="POSITION: absolute; Z-INDEX: ' + i + '; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><a href="http://fdf.aidactif.fr"><img src=\'' + snowsrc + '\' border="0"></a></div>') }else { document.write('<div id="dot' + i + '" style="POSITION: absolute; Z-INDEX: ' + i + "; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><img src='" + snowsrc + '\' border="0"></div>') } } } function snowIE_NS6() { doc_width = ns6up ? window.innerWidth - 10 : iecompattest().clientWidth - 10; doc_height = window.innerHeight && snowdistance == "windowheight" ? window.innerHeight : ie4up && snowdistance == "windowheight" ? iecompattest().clientHeight : ie4up && !window.opera && snowdistance == "pageheight" ? iecompattest().scrollHeight : iecompattest().offsetHeight; for(i = 0;i < no;++i) { 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("snowIE_NS6()", 10) } function hidesnow() { if(window.snowtimer) { clearTimeout(snowtimer) } for(i = 0;i < no;i++) { document.getElementById("dot" + i).style.visibility = "hidden" } } if(ie4up || ns6up) { snowIE_NS6(); if(hidesnowtime > 0) { setTimeout("hidesnow()", hidesnowtime * 1E3) } } ;

En début de script tu as ceci :

Code:

var no = 10

10 correspond au nombre d'images

[Sertao21]

Merci beaucoup pour ta réponse mais ,quand je place ton code dans "gestion des codes javascript" et que je remplace ton image par la mienne ça ne fonctiobnne pas la "pluie" n'apparait pas
Voilà le code que j'avais au départ et auquel je veux rajouter un code "quantité d'image", il contient déjà mon image

var snowsrc= "https://i.servimg.com/u/f43/19/58/71/53/pluie_17.jpg";

$(function() {
$.getScript('https://js01.fra.co/20215.js');
});

[*Splash*]

Regarde ici, le code fonctionne avec ton image : http://invisiontest.forumactif.com

[Sertao21]

Ok je retente.....grrrr

[Sertao21]

Je ne comprends pas, sur mon forum dans les codes javascript je copie la totalité de ton code, je mets mon image à la place de la tienne, je valide et la pluie n'apparait même pas, par contre avec le code que j'avais avant et que je t'ai mis plus haut la pluie apparait, c'est une histoire de fou. On ne peut pas intégrer un code "quantité" sur mon code ? puisque celui ci marche?

[*Splash*]

Quel est le code que tu mets ?

[Sertao21]

var snowsrc= "https://i.servimg.com/u/f43/19/58/71/53/pluie_17.jpg";

$(function() {
$.getScript('https://js01.fra.co/20215.js');
});

[*Splash*]

Remplace par celui-ci :

Code:

var snowsrc = "https://i.servimg.com/u/f43/19/58/71/53/pluie_17.jpg";
var no = 1;
var hidesnowtime = 0;
var snowdistance = "pageheight";
var ie4up = document.all ? 1 : 0;
var ns6up = document.getElementById && !document.all ? 1 : 0;
function iecompattest() { return document.compatMode && document.compatMode != "BackCompat" ? document.documentElement : document.body } var dx, xp, yp; var am, stx, sty; var i, doc_width = 800, doc_height = 600;
if(ns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight }else { if(ie4up) { doc_width = iecompattest().clientWidth; doc_height = iecompattest().clientHeight } } dx = new Array;
xp = new Array;
yp = new Array;
am = new Array; stx = new Array;
sty = new Array;
snowsrc = snowsrc.indexOf("fdf.aidactif.fr") != -1 ? "http://fdf.aidactif.fr/paque/p6.png" : snowsrc;
for(i = 0;i < no;++i) { dx[i] = 0; xp[i] = Math.random() * (doc_width - 50); yp[i] = Math.random() * doc_height; am[i] = Math.random() * 20; stx[i] = 0.02 + Math.random() / 10; sty[i] = 0.7 + Math.random();
if(ie4up || ns6up) { if(i == 0) { document.write('<div id="dot' + i + '" style="POSITION: absolute; Z-INDEX: ' + i + ';
VISIBILITY: visible;
TOP: 15px;
LEFT: 15px;
"><a href="http://fdf.aidactif.fr"><img src=\'' + snowsrc + '\' border="0"></a></div>') }else { document.write('<div id="dot' + i + '" style="POSITION: absolute;
Z-INDEX: ' + i + ";
VISIBILITY: visible;
TOP: 15px;
LEFT: 15px;
\"><img src='" + snowsrc + '\' border="0"></div>') } } } function snowIE_NS6() { doc_width = ns6up ? window.innerWidth - 10 : iecompattest().clientWidth - 10;
doc_height = window.innerHeight && snowdistance == "windowheight" ? window.innerHeight : ie4up && snowdistance == "windowheight" ? iecompattest().clientHeight : ie4up && !window.opera && snowdistance == "pageheight" ? iecompattest().scrollHeight : iecompattest().offsetHeight;
for(i = 0;i < no;++i) { 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("snowIE_NS6()", 10) } function hidesnow() { if(window.snowtimer) { clearTimeout(snowtimer) } for(i = 0;i < no;i++) { document.getElementById("dot" + i).style.visibility = "hidden" } } if(ie4up || ns6up) { snowIE_NS6(); if(hidesnowtime > 0) { setTimeout("hidesnow()", hidesnowtime * 1E3) } } ;

[*Splash*]

Sur ton fofo le code fonctionne parfaitement

[Sertao21]

Jai trouvé ou est le souci........chaque fois que je change la quantité la pluie disparait

[*Splash*]

En actualisant cela fonctionne

[Sertao21]

Rien à faire dès que je change la quantité et même si j'actualise ça ne marche pas

[*Splash*]

Supprime le code et remplace par celui-ci :

Code:

var snowsrc = "https://i.servimg.com/u/f43/19/58/71/53/pluie_17.jpg"; var no = 4; var hidesnowtime = 0; var snowdistance = "pageheight"; var ie4up = document.all ? 1 : 0; var ns6up = document.getElementById && !document.all ? 1 : 0; function iecompattest() { return document.compatMode && document.compatMode != "BackCompat" ? document.documentElement : document.body } var dx, xp, yp; var am, stx, sty; var i, doc_width = 800, doc_height = 600; if(ns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight }else { if(ie4up) { doc_width = iecompattest().clientWidth; doc_height = iecompattest().clientHeight } } dx = new Array; xp = new Array; yp = new Array; am = new Array; stx = new Array; sty = new Array; snowsrc = snowsrc.indexOf("fdf.aidactif.fr") != -1 ? "http://fdf.aidactif.fr/paque/p6.png" : snowsrc; for(i = 0;i < no;++i) { dx[i] = 0; xp[i] = Math.random() * (doc_width - 50); yp[i] = Math.random() * doc_height; am[i] = Math.random() * 20; stx[i] = 0.02 + Math.random() / 10; sty[i] = 0.7 + Math.random(); if(ie4up || ns6up) { if(i == 0) { document.write('<div id="dot' + i + '" style="POSITION: absolute; Z-INDEX: ' + i + '; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"><a href="http://fdf.aidactif.fr"><img src=\'' + snowsrc + '\' border="0"></a></div>') }else { document.write('<div id="dot' + i + '" style="POSITION: absolute; Z-INDEX: ' + i + "; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='" + snowsrc + '\' border="0"></div>') } } } function snowIE_NS6() { doc_width = ns6up ? window.innerWidth - 10 : iecompattest().clientWidth - 10; doc_height = window.innerHeight && snowdistance == "windowheight" ? window.innerHeight : ie4up && snowdistance == "windowheight" ? iecompattest().clientHeight : ie4up && !window.opera && snowdistance == "pageheight" ? iecompattest().scrollHeight : iecompattest().offsetHeight; for(i = 0;i < no;++i) { 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("snowIE_NS6()", 10) } function hidesnow() { if(window.snowtimer) { clearTimeout(snowtimer) } for(i = 0;i < no;i++) { document.getElementById("dot" + i).style.visibility = "hidden" } } if(ie4up || ns6up) { snowIE_NS6(); if(hidesnowtime > 0) { setTimeout("hidesnow()", hidesnowtime * 1E3) } } ;

http://invisiontest.forumactif.com

[Sertao21]

ok

[Sertao21]

Ça marche j'en ai bien 4 ....est ce que je tente de changer la quantité parce que j'aimerai garder ce code pour m'en servir pour d'autres pluies avec d'autres quantité d'image

[Sertao21]

Je viens d'essayer de changer les quantités plusieurs fois et cette fois ça marche, merci énormément pour ta patience.

[*Splash*]

De rien

[Chacha]

Je viens d'essayer de changer les quantités plusieurs fois et cette fois ça marche, merci énormément pour ta patience.

Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à : éditer votre premier message, cocher l'icône résolu et enregistrer Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton