Schnee auf der Internetseite

CForce

Hallo wie bekomme ich es hin das es auf meiner Internetseite schneit ?
Ich habe diverse javascripte probiert aber ich bekomme es nicht hin ?!?!?! wodran liegts ?

·[RapidBase]·

Hast Du schon mal den JSnow Stack von RapidIdeas probiert (ganz unten auf der Seite)? Ist gratis ...
www.rapid-ideas.com/free

Gruß, Matthias

dj1969

Hallo,

funktioniert leider nicht - zumindest auf der Seite wo ich es gerade probierte. Das Teil verkürzt die Seite dann quasi auf Bildschirmhöhe und läßt in Safari (andere Browser nicht probiert) kein scrollen der Seite mehr zu. Schade! Wäre sonst ein nettes Gimmick gewesen.

Grüße
Dirk

"urmeli"

on 1323228745:

Hast Du schon mal den JSnow Stack von RapidIdeas probiert (ganz unten auf der Seite)?

Ach, immer diese Stacks...
...nachher weiss keiner, warum was wie funktioniert oder auch nicht.

Hier eine Alternative: Als Snippet (nein, nicht Stack) speichern und per Seiteninspektor einbauen:
Snow Effect Script

CForce

Ich habe mich auch nochmal schlau gemacht und das gefunden klappt prima.

/*
* Schnee-Script
* @author Oliver Schlöbe [removed]
* @link http://www.schloebe.de/scripts/schnee-script/
*/

<!--
var no = 15; // Anzahl der Schneeflocken
var speed = 20; // "Schnei-Geschwindigkeit"; je kleiner die Zahl, um so schneller fallen die Flocken
var snowflake = "http://www.schloebe.de/wp-content/themes/schloebe_de/images/snow/snow.gif"; // Bild der Schneeflocke, beliebig
// ***** Ab hier nichts mehr ändern! ********************
var ns4up = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4") ? 1 : 0; // Browser Tester
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
var dx, xp, yp; // Variablen für Koordinaten und Position
var am, stx, sty; //Variablen für Amplitude und Schrittweite
var i, doc_width = 800, doc_height = 800;

if( ns4up || ns6up ) { // Bildschirm-Auflösung holen, Netscape-Funktion
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if( ie4up ) { // Bildschirm-Auflösung holen, Internet Explorer-Funktion
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
doc_height = (doc_height==0) ? document.documentElement.clientHeight : doc_height;

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 = 0; // Koordinaten-Variable setzen
xp = Math.random()*(doc_width-50); // Position-Variable setzen
yp = Math.random()*doc_height;
am = Math.random()*20; // Amplituden-Variable setzten
stx = 0.02 + Math.random()/10; // Variable für Schrittweite setzen
sty = 0.7 + Math.random(); // Variable für Schrittweite setzen

if( ns4up ) {
if (i == 0) {
[removed]("<layer name=\"dot"+ i +"\" left=\"15\" ");
[removed]("top=\"15\" visibility=\"show\"><img ]</layer>");
} else {
[removed]("<layer name=\"dot"+ i +"\" left=\"15\" ");
[removed]("top=\"15\" visibility=\"show\"><img ]</layer>");
}
} else if( ie4up || ns6up ) {
if (i == 0) {
[removed]("[div id=\"dot"+ i +"\" style=\"position: ");
[removed]("absolute; z-index: "+ i +"; visibility: ");
[removed]("visible; top: 15px; left: 15px;\"][img ][/div]"); } else { [removed]("[div id=\"dot"+ i +"\" style=\"position: "); [removed]("absolute; z-index: "+ i +"; visibility: "); [removed]("visible; top: 15px; left: 15px;\"]

---

// Haupt-Animations-Funktion für Netscape
function snowNS() {
for( i = 0; i [ no; ++ i ) {
yp += sty;
if( yp ] doc_height-50 ) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
doc_height = (doc_height==0) ? document.documentElement.clientHeight : doc_height;
}
dx += stx;
document.layers["dot"+i].top = yp;
document.layers["dot"+i].left = xp + am*Math.sin(dx);
}
setTimeout("snowNS()", speed);
}

//

---

// Haupt-Animations-Funktion für Internet Explorer
function snowIE() {
for( i = 0; i [ no; ++ i ) {
yp += sty;
if( yp ] doc_height-50 ) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
doc_height = (doc_height==0) ? document.documentElement.clientHeight : doc_height;
}
dx += stx;
document.all["dot"+i].style.pixelTop = yp;
document.all["dot"+i].style.pixelLeft = xp + am*Math.sin(dx);
}
setTimeout("snowIE()", speed);
}

// Haupt-Animations-Funktion für Netscape6 und Mozilla
function snowNS6() {
for( i = 0; i [ no; ++ i ) {
yp += sty;
if( yp ] doc_height-50 ) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
doc_height = (doc_height==0) ? document.documentElement.clientHeight : doc_height;
}
dx += stx;
document.getElementById("dot"+i).style.top = yp+"px";
document.getElementById("dot"+i).style.left = xp + am*Math.sin(dx)+"px";
}
setTimeout("snowNS6()", speed);
}

if( ns4up ) {
snowNS();
} else if( ie4up ) {
snowIE();
}else if( ns6up ) {
snowNS6();
}
// End -->

Juergen

Der einfachste Weg ist das beigefügte Snow-Stack

Möge der Schnee mit Euch sein!

Grüße
Jürgen