Pluie d'images
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Pluie d'images
Détails techniques
Version du forum : phpBB3Poste 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
Bonjourj'ai installé une pluie d'image sur mon forum, est il possible de changer la quantité d'images qui tombent svp ?
Dernière édition par Sertao21 le Sam 28 Sep 2019 - 15:28, édité 1 fois
Re: Pluie d'images
Hi,
Place ce script ou tu veux :
En début de script tu as ceci :
10 correspond au nombre d'images
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
Re: Pluie d'images
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');
});
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');
});
Re: Pluie d'images
Regarde ici, le code fonctionne avec ton image : http://invisiontest.forumactif.com
Re: Pluie d'images
Ok je retente.....grrrr
Re: Pluie d'images
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?
Re: Pluie d'images
Quel est le code que tu mets ?
Re: Pluie d'images
var snowsrc= "https://i.servimg.com/u/f43/19/58/71/53/pluie_17.jpg";
$(function() {
$.getScript('https://js01.fra.co/20215.js');
});
$(function() {
$.getScript('https://js01.fra.co/20215.js');
});
Re: Pluie d'images
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) } } ;
Re: Pluie d'images
Jai trouvé ou est le souci........chaque fois que je change la quantité la pluie disparait
Re: Pluie d'images
En actualisant cela fonctionne
Re: Pluie d'images
Rien à faire dès que je change la quantité et même si j'actualise ça ne marche pas
Re: Pluie d'images
Supprime le code et remplace par celui-ci :
http://invisiontest.forumactif.com
- 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
Re: Pluie d'images
Ç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
Re: Pluie d'images
Je viens d'essayer de changer les quantités plusieurs fois et cette fois ça marche, merci énormément pour ta patience.
Re: Pluie d'images
De rien
Re: Pluie d'images
Sertao21 a écrit: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 à :
|
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum