Sécotine Chouchou de la maîtresse
Nombre de messages : 104 Age : 33 Localisation : Montréal/Canada Date d'inscription : 14/10/2004
| Sujet: Question de neige... Mer 10 Nov à 4:47 | |
| Bonjour Nath! J'ai une petite question qui a un peu rapport avec Noël... J'ai pour Noël, un logo de Noël. Or, j'aimerais faire cela plus réaliste en fesant tomber de la neige sur mon site. Des petits flocons tomberaient du haut de ma page. Seulement, j'ai bel et bien trouvé un script, mais je ne peux pas l'installer correctement. Pour cela, je dois installer une image. J'ai entendu dire que ça doit être sur le serveur... Pourrais-tu m'aider, si possible? Voici le script: - Code:
-
<script LANGUAGE="Javascript1.2"> <!-- // Original: Altan - http://www.altan.hr/snow --> var no = 15; // nombre de flocons var speed = 5; // plus le nombre est petit, plus la vitesse augmente var snowflake = "snow.gif"; // image var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } } else if (ie4up) {if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every 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(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every 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(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); }setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } // End --> </script> Merci beaucoup! | |
|
Nathalie Admin
Nombre de messages : 458 Localisation : Marseille Date d'inscription : 10/10/2004
| Sujet: Re: Question de neige... Mer 10 Nov à 20:38 | |
| Voici un script qui est compatible avec e-monsite (voir le résultat http://www.e-monsite.com/calvofamily/rubrique-1010394.html) Ce que l'on peut modifier : - l'image si celle-ci ne te plait pas - le nombre de flocons - a priori la vitesse mais je ne sais si ça ferait beau - Code:
-
<!-- DEBUT DU SCRIPT --> <script language=JavaScript> /* Snow Effect Script Created and submitted by Altan d.o.o. (snow@altan.hr, http://www.altan.hr/snow/index.html) */ var snowsrc="http://img130.exs.cx/img130/1697/flocon.gif " var no = 10; var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var nn6up = (document.getElementById) ? 1 : 0; var dx, xp, yp; var am, stx, sty; var i, doc_width = 800, doc_height = 600;
if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } else if (nn6up) { doc_width = self.innerWidth; doc_height = self.innerHeight; }
dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array();
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 (ns4up) { if (i == 0) { document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>"); } else { document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>"); } } else if (ie4up || nn6up) { if (i == 0) { document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></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 snowNS() { 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(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", 10); }
function snowIE() { 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(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", 10); }
function snowNN6() { 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(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.getElementById("dot"+i).style.top = yp[i]; document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNN6()", 10); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } else if (nn6up) { snowNN6(); }
</script>
<!-- FIN DU SCRIPT --> Eventuellement, j'ai trouvé un autre script qui permet d'afficher une image différente en fonction de la saison ..mais je ne l'ai pas testé ! Si tu es interessée, je le ferai quand j'aurai un moment. http://www.e-monsite.com/calvofamily/rubrique-1010394.html | |
|
Sécotine Chouchou de la maîtresse
Nombre de messages : 104 Age : 33 Localisation : Montréal/Canada Date d'inscription : 14/10/2004
| Sujet: Re: Question de neige... Jeu 11 Nov à 2:10 | |
| | |
|
Nathalie Admin
Nombre de messages : 458 Localisation : Marseille Date d'inscription : 10/10/2004
| Sujet: Re: Question de neige... Jeu 11 Nov à 2:17 | |
| | |
|
Contenu sponsorisé
| Sujet: Re: Question de neige... | |
| |
|