Dieses Script funktioniert ähnlich die das Schneefall-Javascript ohne Bilder. Ihr könnt die Geschwindigkeit und die Anzahl der Schneeflocken einstellen. Bitte beachtet dabei, dass der Rechner eures Homepagebesuchers langsamer geht, je mehr Schneeflocken ihr da drauf setzt. Also nicht übertreiben ;)

Das Bild zur Schneeflocke müsst ihr in der Variablen snowflake einstellen. Bitte vergesst den Pfad in dem Javascript in dieser Variablen nicht, wenn das Bild in einem anderen Verzeichnis auf dem Server der Homepage liegt, als die Seite gespeichert ist.

Hier habt ihr noch das Bild der Schneeflocke, damit ihr es hier herunterladen und auf eurer eigenen Seite hochladen könnt:

Viel Spass

 

PS: Falls ihr das Schneeflocken-Javascript ohne Bilder sucht, das findet ihr hier

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- var no = 18; // Anzahl der Schneeflocken var speed = 25; // Geschwindigkeit -> je kleiner die Zahl, desto schneller var snowflake = "snow.gif"; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width, doc_height; doc_width = document.body.clientWidth; doc_height = 1100; 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 (i == 0) { document.write("<div id=\"schneedot"+ 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=\"schneedot"+ 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 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(); } dx[i] += stx[i]; document.getElementById("schneedot"+i).style.top = yp[i] + "px"; document.getElementById("schneedot"+i).style.left = (xp[i] + am[i]*Math.sin(dx[i])) + "px"; } setTimeout("snowIE()", speed); } //--> </script> <br /> <div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-mit-bildern.html" title="Schnee" target="_blank">Schnee für deine Homepage</a></div> <br /> <script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=273"></script> <!-- präsentiert von kostenlose-javascripts.de -->