Schnee Script für die eigene Homepage [ 102 ]

Download

Der Winter und Weihnachten stehen vor der Tür. So langsam wird es Zeit, auch die eigene Homepage dieser Zeit anzupassen.

Zum Beispiel mit diesem Schnee Script, das weitestgehend frei konfigurierbar ist!

Der Einbau ist grundsätzlich in 3 Schritten erledigt: Die gewünschte Grafik hochladen, das Script hochladen, in die Seite einbauen.

1) Die gewünschte Grafik hochladen

Schneeflocke 1 Schneeflocke 2 Schneeflocke 3 Schneeflocke 4 Schneeflocke 5

Rechtsklick auf die Grafik, “Grafik speichern unter…” wählen und die Grafik in das selbe Verzeichnis wie das Script speichern.

Natürlich kann dafür auch jede andere transparente Gif-Grafik genutzt werden…

2) Das Script hochladen

Nun muss der wichtigste Bestandteil des Scriptes hochgeladen werden, die JavaScript Datei snow.js.

Hier finden Sie die Script Datei: snow.js (Bereits 39054 Downloads)

Rechtsklick auf den Link, “Ziel speichern unter…” wählen und hochladen auf den eigenen Webspace.

Hier der Quellcode:

var no = 15; // Anzahl der Schneeflocken
var speed = 20; // "Schnei-Geschwindigkeit"; je kleiner die Zahl, um so schneller fallen die Flocken
var snowflake = "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 = 100;
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;
}
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; // Koordinaten-Variable setzen
xp[i] = Math.random()*(doc_width-50); // Position-Variable setzen
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // Amplituden-Variable setzten
stx[i] = 0.02 + Math.random()/10; // Variable für Schrittweite setzen
sty[i] = 0.7 + Math.random(); // Variable für Schrittweite setzen
// ----------------------------------------------------------------------
// Layer konfigurieren für Netscape
if (ns4up) {
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>");
}
// ----------------------------------------------------------------------
// Layer konfigurieren für <> NS4
} else if (ie4up||ns6up) {
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>");
}
}
}
// ----------------------------------------------------------------------
// Haupt-Animations-Funktion für Netscape
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()", speed);
}
// ----------------------------------------------------------------------
// Haupt-Animations-Funktion für Internet Explorer
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()", speed);
}
// Haupt-Animations-Funktion für Netscape6 und Mozilla
function snowNS6() {
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]+"px";
document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i])+"px";
}
setTimeout("snowNS6()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}else if (ns6up) {
snowNS6();
}

Die ersten 3 Zeilen sind beliebig anpassbar. In Kommentaren dahinter findet sich jeweils der Effekt, den eine Änderung hat. Es sollten nur die ersten 3 Zeilen verändert werden, sonst kann es zu Fehlfunktionen im Script kommen.

3) Das Script aufrufen

Nun muss das Script noch in die Seite eingebunden werden, auf der der Schnee fallen soll. Dies ist mit einer Zeile Code getan:

<script src="http://www.IhreDomain.de/snow.js" type="text/javascript"></script>

Diesen Code fügen Sie innerhalb der … Tags ein, fertig. Nicht vergessen, die URL an die Ihre anzupassen!

Bei weiteren Fragen oder Problemen zum Script kann die Kommentarfunktion oder das Forum genutzt werden.


Found something helpful? Development of this and other free stuff on my site can be supported by a PayPal donation in the sidebar. You'll get a backlink!


102 Reaktionen zu " Schnee Script für die eigene Homepage "

1 Ping- & Trackbacks

101 Kommentare

  1. uwe

    hallo kann mir einer helfen ich möchte gerne emails versenden wo ein animierte schneefall drin ist und vielleicht weihnachtsmusik im hintergrund spielt kann mir da einer helfen…
    ich finde tausende von hinweisen für eine homepage aber keinen für emails…

    Auf diesen Kommentar antworten

    7. Dezember 2006 um 11:56

  2. Oliver ADMIN

    @uwe: Dies ist nur schwer möglich und wird von den meisten Mailprogrammen unterdrückt. Der Aufwand dürfte sich also nicht lohnen. ;)

    Auf diesen Kommentar antworten

    8. Dezember 2006 um 23:31

  3. Axel

    Hi,
    also ich habe das problem das in firefox der Schnee rieselt,aber leute die den neuen internetexplorer drauf haben,sehen den Schnee nicht!!!
    Was kann man da machen???
    hilfeeeeeeeeeeeeee….
    Greetz Axel

    Auf diesen Kommentar antworten

    28. Dezember 2006 um 03:32

  4. Sven

    Hallo.
    Das Script ist genau das was ich gesucht habe.
    Leider steckt ein kleiner Fehler drin
    und ich weiß nicht wie man das ändern kann.
    Wenn man auf der Sete runterscrollt dann fallen die Schneflocken nicht mit runter sondern nur bis zum Ende der oberen Hälfte der Seite.
    Ich hoffe sie verstehen wie ich das meine. Sie Fallen sozusagen nicht auf der Ganzen Seite sondern nur oben.
    Wie kann man das ändern.

    Auf diesen Kommentar antworten

    8. September 2007 um 22:56

  5. Oliver ADMIN

    Hallo Sven,

    das ist normal, da das Script nach jedem Scrollen nicht erneut aufgerufen wird und den aktuellen Bildausschnitt als “Schneebereich” deklariert. Das würde deine Seite nur verlangsamen, und das sollte ein nettes Gimmick wie Schneefall nicht bewirken.. ;)

    Auf diesen Kommentar antworten

    9. September 2007 um 14:46

  6. Rene

    Also das script find ich toll…nur leider funktionierts bei mir nicht :(
    Naja liegt vl daran das es ne php site is…gibts da ne abhilfe oder lösung dafür???

    Danke im voraus

    MFG René

    Auf diesen Kommentar antworten

    22. Oktober 2007 um 22:24

  7. Oliver ADMIN

    Hallo Rene,

    ohne Link kann ich dazu leider nichts sagen. :) Auf einer PHP-Seite sollte es genauso funktionieren, wenngleich es davon abhängt, wie du das Script einbindest.

    Auf diesen Kommentar antworten

    22. Oktober 2007 um 22:56

  8. Oliver ADMIN

    Hallo,

    hast du die Schritte 1 bis 3 aus der obigen Beschreibung so ausgeführt? Auf deiner seite finde ich nämlich nicht den Code, der die Flocken fallen lässt. ;)

    Auf diesen Kommentar antworten

    22. Oktober 2007 um 23:11

  9. Rene

    ja klar hab ich diese so ausgeführt…sollte so gepasst haben…nur wenn ich das script drin hab wird mir aus irgend nem grund der banner nimmer angezeigt. Is schlecht so unsere Vereins HP online zu lassen =)…aber kleinen mom ich lads mal rauf

    Auf diesen Kommentar antworten

    22. Oktober 2007 um 23:14

  10. Oliver ADMIN

    Hmm, im Quelltext steht, dass deine Header-Grafik unter http://www.scorpions-villach.at/Scorpions%20Neu/images/banner.jpg zu finden sein soll, wo es aber nicht liegt. Die Datei liegt aber hier: http://www.scorpions-villach.at/images/banner.jpg

    Wo kommt denn das ‘Scorpions%20Neu/’ her?

    Auf diesen Kommentar antworten

    22. Oktober 2007 um 23:21

  11. Rene

    gute frage….das bringt mich selbst grad zum rätseln

    Auf diesen Kommentar antworten

    22. Oktober 2007 um 23:27

  12. Rene

    Ich weiß schon woher…ein dummer schlampigkeitsfehler….hab die originale indexdatei im ordner gelassen und ne kopie davon ausserhalb des ordners gmacht bei dem dann das script eingefügt. und der dreamweaver hat natürlich die pfade zu den images korrigiert. :) naja manchmal sind die einfachsten fehler die schwersten =D

    Auf diesen Kommentar antworten

    22. Oktober 2007 um 23:32

  13. Oliver ADMIN

    Hehe, typisch Dreamweaver. ;) Freut mich, dass es nun klappt!

    Auf diesen Kommentar antworten

    22. Oktober 2007 um 23:33

  14. Rene

    stimmt…aber ansonsten kann ich mich ned beschweren über ihn…hab eh schon das auslaufmodell *lol* ne alten MX 6.0 Version. aber trotzdem recht herzlichen Dank für deine Hilfe! :)

    Auf diesen Kommentar antworten

    22. Oktober 2007 um 23:37

  15. Ludwig

    Hallo,
    als erstes möchte ich mich für das super Script bedanken,
    leider sieht man den Schnee nur im Firefox aber nicht in Internet Explorer,
    außerden kann ich die Geschwindigkeit und die Anzahl der Schneeflocken nicht wie beschrieben ändern,
    zweitens konnte ich mich nicht in Forum anmelden

    mit besten Grüßen
    Ludwig

    Auf diesen Kommentar antworten

    28. Oktober 2007 um 18:05

  16. sunny

    Hallo ihr Profis, ich hab das Problem, das es genau umgedreht ist. Also bei mir läuft alles im IE und nichts im Mozilla! Kann mir jemand sagen was da angepasst werden muss, oder wo ich noch was ändern muss!? Vielen Dank und liebe Grüße

    Auf diesen Kommentar antworten

    1. November 2007 um 19:09

  17. ben

    hallo zusammen. das script mach fast schon freude.;-) leider wird die grafik (schneflocke) bei mir nur als platzhalter angezeigt. dafür rieseln dieser grafiken aber schon wie richtige schneflocken. hat eine von euch ne idee? ich habs mit IE7 und firefox getestet. bitte helft mir bevor es richtig schneit!!

    Auf diesen Kommentar antworten

    1. November 2007 um 21:44

  18. ben

    ohh ich habe die antwort selber gefunden. die grafik (schneefolke) muss nicht dorthin wo das script ist sondern in den selben ordner von wo aus es aufgerufen wird. jetzt sieht es wirklich toll nach winter aus. danke für das script. meine einträge hätten natürlich ins forum gehört sorry. lösch sie doch einfach wenn du sie nicht verschieben kannst. danke noch einmal für’s script.
    gruss ben

    Auf diesen Kommentar antworten

    1. November 2007 um 22:08

  19. Oliver ADMIN

    @ben: Gerade wollte ich dir das vorschlagen, aber schön, dass du dir noch selbst Gedanken gemacht hast. :)

    @Ludwig: Du hast das Script doppelt eingebunden. Einmal als snow.js-Datei und einmal direkt in den Quellcode geschrieben. Es reicht, wenn du den Verweis zur snow.js lässt.

    @sunny: Du hast den Aufruf zur snow.js-Datei nicht in den Header-Bereich geschrieben, sondern weiter unten mitten in eine HTML-Tabelle. Füge den Link mal vor dem < /head> -Tag ein. :)

    Auf diesen Kommentar antworten

    1. November 2007 um 22:23

  20. sunny

    Super vielen Dank für die schnelle Hilfe, jetzt läuft es zwar im Mozilla aber nicht mehr im IE. ***grübel

    Auf diesen Kommentar antworten

    2. November 2007 um 23:42

  21. Oliver ADMIN

    @sunny: Hallo, hmm… könnte sein, dass eines der anderen JavaScripts auf deiner Seite ähnliche oder die selben Variablen wie mein Script nutzt.

    Versuche mal, den Aufruf der snow.js entweder direkt an den Anfang NACH < head> oder direkt VOR < /head> zu schreiben.

    Auf diesen Kommentar antworten

    3. November 2007 um 21:23

  22. sunny

    leider keinen Erfolg damit! *heul Jetzt muss ich mir aussuchen obs im Mozilla oder IE läuft! Bitte Bitte

    Auf diesen Kommentar antworten

    4. November 2007 um 04:11

  23. Hanns.G

    hallo freunde,
    deb script den ihr habt ist schon klasse konnte ihn auch ohne probleme einbinden,aber was schöner wäre ist ein script wo der schnee auf den bustaben liegen bleibt´!!kennt einer so einen script!!!

    MFG:Hanns.G

    Auf diesen Kommentar antworten

    15. November 2007 um 13:25

  24. Oliver ADMIN

    @Hanns.G: Das ist so nicht möglich, zumindest nicht so leicht. Mit Flash wäre es möglich, dann müsste deine seite aber komplett aus Flash bestehen…

    Auf diesen Kommentar antworten

    15. November 2007 um 18:18

  25. Hanns.G

    @Oliver danke für die schnelle antwort Oliver!!!

    Auf diesen Kommentar antworten

    16. November 2007 um 09:32

  26. Alex

    Für das Script sage ich DANKE, es funktioniert einwanfrei. Nur wollte ich trotzdem auf das Thema zurükgreifen, wie kann ich es so einstellen dass es auf der komplette Webseite schneit? ( ich weiß dass die Seite dadurch langsamer wird )Aber ich will es trotzdem wiessen.

    mfg. Alex

    Auf diesen Kommentar antworten

    18. November 2007 um 12:23

  27. flrn

    hallo,
    bei mir funktionierts im firefox aber im IE nicht.ich weiß oben wurde das problem schonmal behandelt aber die antwort die gegeben wurde funktioniert nicht.habe das script ( welches sich im gleichen verzeichnis auf meinem webspace befindet wie die snow.gif ) per eingebunden.mehr nicht.im script selbst habe ich den verweis auf die .gif gemacht.aber es funzt nich im IE.

    Auf diesen Kommentar antworten

    20. November 2007 um 13:48

  28. flrn

    ähm.. :) hier: http://flrn.fl.funpic.de/neues.html
    grad neu gemacht.muss zu meiner verteidigung sagen das ich das nur so rein hobbymäßig mache und mich nicht sonderlich viel damit beschäftige. ^^ wenn du verstehst was ich meine :)

    lg

    Auf diesen Kommentar antworten

    20. November 2007 um 20:19

  29. Christian

    hallo,
    schönes einfaches script,
    hab aber ein problem, alles hochgeladen aber mir wird kein schnee angezeigt. bekomme nur fliegende kreuze:):( also das keine images datei auf dem server ist. hat jemand auch das problem und wie habt ihr das gelöst?

    schönen abend
    gruß

    Auf diesen Kommentar antworten

    20. November 2007 um 21:19

  30. ben

    Hallo Oliver
    Dein Schneefallscript hat mir in den letzten 3 Wochen viel Freude gemacht. Leider musste ich wegen Änderungen auf dem Server meine Page ändern und habe neu Navigation, Kopfleiste und die eigentliche Seite als Frames. Und genau da scheint mein Problem mit dem Schneefall zu liegen. Es schneit immer nur im einem Frame und wenn ich das Script ins Index.html reinmache, gibt es nur noch Schnee und Keine Seite mehr. Hast Du eine Ahnung ob man das Script mit Frames überhaupt zum laufen bekommt.

    Gruss

    Ben

    Auf diesen Kommentar antworten

    21. November 2007 um 23:22

  31. Oliver ADMIN

    @flrn: Versuche, das snow.js mal über den anderen JavaScripts aufzurufen bzw. zu platzieren, vllt. kommen sich diese in die Quere.

    @Christian: Die Schneegrafik muss sich im selben Verzeichnis befinden wie die snow.js, dann wird aus den roten Kreuzen eine Schneegrafik. ;) Überprüfe bitte noch einmal die Pfade bzw. Lokationen der Grafiken.

    @ben: Leider ist das nicht möglich. Das liegt aber nicht am Script, sondern am Wesen von Frames an sich. Jedes Frame beinhaltet eine Seite, in der du das Srcipt aufrufen kannst. Dann schneit es aber nur im jew. Dokument des Frames, das kann man leider nicht ändern. Nicht umsonst sind daher Frames nicht gern gesehen. ;)

    Auf diesen Kommentar antworten

    25. November 2007 um 13:50

  32. Mike B.

    hi @ all

    super habe lange so ein script gesucht, hatte versucht selbst eins zu machen ohne erfolg :-( aber ich habe ein problem ich weiß nicht wo ich die zeile

    bei php-fusion einfügen muss also in welches php o. themes…

    ps. auf meinem portal war es kein problem iss ja auch html ;-)

    lg
    mike B.

    Auf diesen Kommentar antworten

    1. Dezember 2007 um 01:35

  33. MattRatz

    Hallo zusammen,

    ich kriegs nicht hin -Jammer-
    wo muss ich das script einfügen auf der index.php, oder wo?

    thx im voraus

    Auf diesen Kommentar antworten

    5. Dezember 2007 um 21:07

  34. MattRatz

    Kommando zurück,

    ein Kumpel hat mir geholfen – einfach in der Index.php folgendes einfügen:
    echo ”
    (er hat gemeint- nicht schreiben is ja peinlich :-) )
    Grüßle

    Auf diesen Kommentar antworten

    6. Dezember 2007 um 08:57

  35. Oliver ADMIN

    Muss dir nicht peinlich sein. ;-) Kein Meister ist je vom Himmel gefallen.

    Auf diesen Kommentar antworten

    6. Dezember 2007 um 18:40

  36. Mike B.

    :-/ bei mir ist ed peinlich!
    meine index.php´s sind ganz leer, und wenn ich es da einfüge passiert nix es kommt nicht mal eine fehlermeldung!

    mmmm
    grüße

    Auf diesen Kommentar antworten

    6. Dezember 2007 um 21:32

  37. Peter

    Hi also ich bekomms mit dem IE7 leider auch nicht hin. irgendwer eine Idee?
    http://jk-erlangen.de

    Im FF geht’s.

    Danke fürs coole Script.

    Auf diesen Kommentar antworten

    8. Dezember 2007 um 03:02

  38. France

    Bei mir läuft das script nicht ;-( Bei zappelt der schnee nur in der obersten zeile!

    http://www.flightcrewtraining.de/ccf/1.html

    Kann mir jemand helfen?

    Grüße und Danke

    Auf diesen Kommentar antworten

    8. Dezember 2007 um 19:50

  39. Angie

    hallo
    ich bin irgendwie zu blöd.
    Also ich habe die Datei runtergeladen, und Zip-Ordner extrahiert.
    Deshalb brauche ich doch nicht die Grafik(Schritt1 und Sript(schritt2)speichern,oder?
    Wenn doch, in welchen Ordner muss ich es speichern?
    Weil es einige Unterordner hat:
    images/Weihnachten/schloebeweb/xampp/htdocs/snows.js
    und snows3.gif

    Nun, dann habe ich es auf meinem Server geladen.
    zB. http//:www.meinDomain/images/Weihnachten/snows.js
    Also muss es doch solauten

    oder?
    Wo muss ich es dann auf meine Seite einfügen?
    (Bin kein Profie)
    HTML Seite wo genau soll ich es einfügen?
    Bitte um Hilfe.
    Ist sicher einfacher als ich denke, aber ich bin seit eine Stunde dabei.

    Gruß Angie

    Auf diesen Kommentar antworten

    10. Dezember 2007 um 12:29

  40. Silvio

    Hallo.
    Erstmal vielen Dank für das nette Schneefallskript.
    Hatte am Anfang auch das Problem, dass das Skript bei mir nur im Firefox ordentlich lief und im IE 6 und 7 garnet. Hab dann mal spasseshalber den Scriptaufruf in den body tag auf meiner Seite geschoben und siehe da, Firefox und IE zeigen beide Schneesturm an :-)

    Auf diesen Kommentar antworten

    11. Dezember 2007 um 15:35

  41. Aschti

    servus leutz,
    ich hab da mal ne frage undzwar ich habe das skript bei mir auch eingebunden, offline fuktioniert es ast rein, doch wenn ich es hochschieb
    passiert nichts, im quelltext seh ich die angewählte datei jedoch fällt kein schnee :-( chmod stimmt, ich habe überall 755 vergeben zusicherheit also daran kanns nicht liegen^^ mit gehn nur langsam die möglichkeiten aus^^
    habe es momentan mit direktwahl verbunden , aber über src=http://www…..
    funktionierts auch nicht.

    kann mir jemand helfen ?

    thx im vorraus

    Auf diesen Kommentar antworten

    12. Dezember 2007 um 21:11

  42. Stella

    Ich möchte mich für dieses wunderschöne Skript bedanken! Ich bin ein ziemlicher Laie, aber sogar ich habe es geschafft – dank Silvios letztem Hinweis, dass man die Zeile in den body tag einbinden kann (DANKE :) ) – und jetzt schneits ganz wunderbar winterlich (zumindest in den neueren IE und Opera Versionen, Firefox muss ich noch testen, aber wenns im Opera läuft, hoff ich mal…)
    GLG
    Stella (-> http://www.stellafotos.de)

    Auf diesen Kommentar antworten

    13. Dezember 2007 um 20:50

  43. KingArthur

    Wie kann man es machen, dass es auf der ganzen Seite schneit und nicht nur in der oberen Hälfte?

    Auf diesen Kommentar antworten

    14. Dezember 2007 um 19:21

  44. TuS1911

    “Silvio sagt:

    Hallo.
    Erstmal vielen Dank für das nette Schneefallskript.
    Hatte am Anfang auch das Problem, dass das Skript bei mir nur im Firefox ordentlich lief und im IE 6 und 7 garnet. Hab dann mal spasseshalber den Scriptaufruf in den body tag auf meiner Seite geschoben und siehe da, Firefox und IE zeigen beide Schneesturm an :-)

    11. Dezember 2007 um 15:35″

    DANKE !!! Das war der entscheidende Hinweis für mich !!!
    Nun haben alle Browser des TuS-Antfeld eine Chance auf weisse Weihnacht ;-)

    @ Oliver: Danke für das Script!

    Beste Grüße
    TuS1911

    Auf diesen Kommentar antworten

    16. Dezember 2007 um 20:21

  45. Thomas

    Hallo!
    Danke für das Script. Eine schöne Ergänzung gerade jetzt in der Weihnachtszeit.
    Kann mir vll. noch jemand sagen wie ich es auch für IE-Nutzer schneien lassen kann? Bei Firefox funktioniert alles wunderbar.
    Danke!
    Viele Grüße und schöne Weihnachten!
    Thomas

    Auf diesen Kommentar antworten

    20. Dezember 2007 um 10:46

  46. Khazibo

    Grüße!

    Ja das script ist klasse doch wie King Arthur möcht ich gerne wissen wie man den schnee über die ganze seite risseln lassen kann nicht nur in einem fenster ausschnitt… klar wirds vllt alles verlangsamen aber würde mich auch intressieren wo ich sowas umstellen kann… hier funktioniert es z.B. nur kommen keine flocken mehr nach *g* http://www.dhm-server.de

    Also Bitte könnte mir wer sagen wie ich es hinbekomme das immer neue flocken kommen und die auch die ganze seite runter schneien ?
    Oder das sich die prozedur wiederholt ODER das ganze schneesystem quasi immer mit dem fenster ausschnitt mitrückt?

    Mfg
    Khazibo

    Auf diesen Kommentar antworten

    20. Dezember 2007 um 18:18

  47. necro

    hallo, ich habe auch das problemm das es bei IE nicht angezeigt wird, könnte mir jemand helfen?

    Auf diesen Kommentar antworten

    21. Dezember 2007 um 14:10

  48. Silvio

    Hallo. Wie ich weiter oben schon erwähnte funktioniert bei mir das Skript sowohl im IE als auch im Firefox, nachdem ich den Skriptaufruf in den Body Tag der Seite reingesetzt habe. Vielleicht einmal probieren…

    Auf diesen Kommentar antworten

    21. Dezember 2007 um 14:19

  49. MattRatz

    Hallo Silvio,

    vielen Dank für die Info. Ich habe allerdings noch zwei Probleme:
    1. wie Du an meiner Mailadresse siehst (@i-blick.net)bin ich ein ziemlicher Newbie. :-)
    2. Unsere Seite läuft mit PostNuke (php) und daher habe ich keinen BodyTag,
    oder blick ich das mal wieder nicht?!

    Grüßle und thx im voraus

    MattRatz

    Auf diesen Kommentar antworten

    22. Dezember 2007 um 12:44

  50. Peter Oberholzer

    Hallo Zusammen

    Vielen Dank für dieses (geniale) Angebot. Ich glaube aber ein ‘Dösel’ zu sein, denn bei mir wollte ich nur auf der Seite Schneefall. – Aber irgend etwas hab ich nicht begriffen???? – Wer hat Lust rein zu schauen und kann mir den richtigen Tipp geben?
    Ganz herzlichen Dank und aus der Schweiz ‘es guet’s Nöis!’

    peter

    Auf diesen Kommentar antworten

    30. Dezember 2007 um 12:10

  51. Peter Oberholzer

    es soll heissen: auf der Seite ‘Aktuell’

    Auf diesen Kommentar antworten

    30. Dezember 2007 um 12:11

  52. Matthias

    Hi
    kann man den Schnee auch nur an bestimmten Positionen schneien lassen? 150 Pixel links und 150 Pixel rechts in der mitte nicht!

    Gruß
    Matthias

    Auf diesen Kommentar antworten

    27. Juli 2008 um 01:06

  53. Wil

    Hi,

    funktioniert einwandfrei, nur wird im Firefox 3.0.4 die CPU zu 100% benutzt. Im IE7 ist alles O.K.

    Gruß Wil

    Auf diesen Kommentar antworten

    22. November 2008 um 10:20

  54. Flokass

    kommt bei mir am morgen 1. advent bis 24. dez. rein :)

    Auf diesen Kommentar antworten

    29. November 2008 um 09:31

  55. peter

    Habe das script dahingehend verändert, dass es auf der kompletten Seite – also auch nach dem runterscrollen – schneit.
    Bei Interesse kurze Mail, dann schick ich’s zu.

    Auf diesen Kommentar antworten

    3. Dezember 2008 um 15:49

    • Carlo

      Hallo Peter, also ich bekomme es überhaupt nicht geregelt, muss allerdings sagen bin nicht so perfekt mit den ausdrücken. Habe eine Beepworld Homepage und weiß nicht wo was rein kommt. Vielleicht kannst du mir einen Tip geben. Erst mnal ein Dankeschön
      Carlo

      Auf diesen Kommentar antworten

      22. Dezember 2008 um 18:31

  56. Egecem

    Hallo freunde,
    ich wollte mal fragen ob es ne möglichkeit gibt das z,b der schnee der fällt auf dem bustaben liegen bleibt!!??? habe gehört das es ne möglichkeit mit AJAX gibt nur finde ich leider im netz nichts darüber könnt ihr mir weiterhelfen???

    Auf diesen Kommentar antworten

    6. Dezember 2008 um 15:12

  57. Egecem

    ups hat ja schon einer gefragt ob es möglich ist!!!

    Auf diesen Kommentar antworten

    6. Dezember 2008 um 15:22

  58. Heiko

    Hallo Oliver.

    Erstmal vielen Lieben Dank das du uns so ein schönes Schnee Script zur verfügung stellst. Es Schneit wundervoll und es macht mir auch sehr viel Freude. Vielen Vielen Dank.

    Danke auch an TuS1911 für den Tipp mit dem Body also ich habe den Abruf Link in den Body eingetragen und es Schneit jetzt auch für IE 6 und 7 Benutzer sowie für Mozilla 2 und 3 und Opera. Ihr könnt euch auch gern selber davon Überzeugen.

    http://www.HeikoP.de http://www.Community4Fun.de

    IHr habt mir alle sehr geholfen ganz großes Dankeschön.

    Auf diesen Kommentar antworten

    9. Dezember 2008 um 17:17

  59. stefan

    Hallo,
    bei mir schneits leider auch nicht. kann mal einer schauen, was falsch ist? ich hab die snow.gif(s) in den images-ordner gegeben.
    danke für Tipps

    Auf diesen Kommentar antworten

    15. Dezember 2008 um 10:42

  60. stefan

    Fehler gefunden, funktioniert sehr gut. danke

    Auf diesen Kommentar antworten

    15. Dezember 2008 um 10:47

  61. Lars

    Hi zusammen

    Ich könnte mal ein wennig hilfe gebrauchen,
    ich bekomme meine seite einfach nicht zum schneien
    könnte sich das mal einer an schauen??
    Währe sehr nett http://www.dein-support.de
    Danke

    Auf diesen Kommentar antworten

    19. Dezember 2008 um 00:07

  62. Michael

    Hi,

    ich nutze Typo3. Wenn ich das script in das html-template einbaue und es über einen Browser aufrufe funktioniert der Schneefall. Wenn das Ganze über Typo3 zum Einsatz kommt passiert nichts. Hat jemand Erfahrungen mit Typo3, an welcher Stelle das Script aufgerufen werden muss, damit es berücksichtigt wird? Ich hab schon viel probiert, aber noch keinen Erfolg gehabt.

    Gruß Michi

    Auf diesen Kommentar antworten

    25. Dezember 2008 um 18:29

  63. Georg

    Hallo Lob und Dank an den Autor!!
    Der Script funktioniert einwandfrei und auf Anhieb!!!

    Auf diesen Kommentar antworten

    29. Dezember 2008 um 23:47

  64. Acer

    Hi kleine Frage.

    Es schneit leider nur die Platzhalter und nicht das .gif…
    Den Ordner mit allen Daten auf der Platte lokal geöffnet und es geht.
    Also alles wieder hochgeladen. Hmmmm schneit leider nur wieder Platzhalter.
    Das snow.gif und das snow.js ist im selben Ordner wie die index.htm.
    Naja Lokal klappt es und Online nicht.

    Bitte um Hilfe

    Auf diesen Kommentar antworten

    6. Januar 2009 um 09:28

  65. Acer

    bei mir fallen doch die flocken bzw. es sind nur die platzhalter.. es fehlt immer das bild
    es geht nur wenn ich es lokal aufrufe. Sprich den ordner runterlade und z.b. vom Desktop starte..
    ist es online. Klappt es nicht dann sind nur die platzhalter die runter kommen.

    Auf diesen Kommentar antworten

    6. Januar 2009 um 14:34

  66. Acer

    Ich sollte noch sagen, dass es ein Forum ist mit PHP und einer Index.htm

    Auf diesen Kommentar antworten

    6. Januar 2009 um 14:34

  67. Acer

    var no = 25; // number of snowflakes
    var speed = 7; // the smaler, the faster snowflakes
    var snowflake = “snow.gif”; // picture source
    var ns4b = (document.layers) ? 1 : 0; // Netscape4.x
    var b4up = (document.all) ? 1 : 0; // MSIE4, Opera5, Netccape5
    var dx, xp, yp; // coordinate and position variables
    var am, stx, sty; // amplitude and step variables
    var snowobj;
    var i, doc_width = 1280, doc_height = 1024; // 1280×1024 screen-default

    die snow.gif liegt im gleichen ordner wie die snow.js
    sowie die index.htm

    Auf diesen Kommentar antworten

    6. Januar 2009 um 15:09

    • Oliver ADMIN

      Nutzt du eine Second-Level-Domain wie de.vu oder net.tc? Denn dann kann es zu Problemen kommen, da diese Second-Level-Domains quasi nur eine Weiterleitung sind, d.h. die Daten (also auch die Schneeflocke) liegen nicht dort wo sie sein sollten. Kannst du mir bitte eine URL schicken, sodass ich mir das anschauen kann? Dann ist das nur ein kurzer Blick, und wir haben die Lösung. :)

      Auf diesen Kommentar antworten

      6. Januar 2009 um 15:35

  68. Acer

    es ist eine “net.tc” aber als verlinkung ist immer die original…
    aber hier mal der link…

    Second-Level-Domain: http://www.ballon-club.net.tc
    Original: http://balloonpage.ba.funpic.de/page/

    THX

    Auf diesen Kommentar antworten

    6. Januar 2009 um 15:51

  69. Acer

    hmmm danke warum ich da nicht auf diese idee gekommen bin… Naja bin ja auch nicht Admin ;-) Danke..
    Habe da noch eine letzte Frage:
    Schnee bis auf den boden der Seite auch wenn man nach unten scrollt….?

    Dickes LOOOOOOB

    Auf diesen Kommentar antworten

    6. Januar 2009 um 16:16

  70. Atze

    Hallo,

    wie schafft man es denn das die Schneeflocken beim Scrollen nicht in der Mitte aufhören weil sie nicht mitscrollen, sondern immer passend von oben bis nach unten fallen?

    Ich weiß du sagtest das das nicht so gut ist wegen der Performance aber so ist es hässlich zumindest bei mir, denn ich will es in ein Forum einbauen. Ein Forum ist aber eben ziemlich groß und ich willdas überall der Schnee fällt… möglich oder nicht wenn ja wie?

    Auf diesen Kommentar antworten

    25. Oktober 2009 um 23:30

    • Oliver ADMIN

      Hey Atze,

      man müsste quasi bei jedem Scroll-Event die X- und Y-Koordinaten neu auslesen, damit die Flocken im Sichtbereich neu angeordnet werden. Das heißt, bei jedem Scrollen eine JS-Aktivität. Das ist IMO den Aufwand nicht wert bzw. kann dies auf älteren Rechnern auch zu Performance-Problemen führen. Und eine solche Spielerei sollte unter KEINEN Umständen dem Nutzer schaden statt zu nützen. ;)

      Auf diesen Kommentar antworten

      28. Oktober 2009 um 00:37

  71. Pepe

    Ich brauchte 2 Bilder habe es so gelöst hoffe das passt ich habe von js keine Ahnung :)
    var snowflake1 = “platzhalter.gif”; // Bild der Schneeflocke, beliebig
    var snowflake2 = “platzhalter.gif”; // Bild der Schneeflocke, beliebig
    ……
    for (i = 0; i < no; ++ i) {
    if(Math.ceil(i/2) == i/2) {
    snowflake = snowflake1;
    }
    else
    {
    snowflake = snowflake2;
    }
    ….

    Auf diesen Kommentar antworten

    31. Oktober 2009 um 21:59

  72. Hattie

    Herzlichen Dank, endlich ein Script, was auch am neuen Firefox 3.x funktioniert. Hab jetzt einige Tage mehrere Scripte und Möglichkeiten ausprobiert. Nicht so einfach, wenn man keinen Plan hat. ;) Derzeit “schneit” es bei mir Laub. Interessant wäre es für die kommende Wintersaison mit mehreren gifs, funzt das von Pepe so? Nach all den versuchen wehrt sich grad mein Innerstes, das derzeitig funktionierende umzumodeln. ;o)

    Niochmal Danke fürs Script basteln und zur Verfügung stellen!

    Auf diesen Kommentar antworten

    1. November 2009 um 16:48

  73. Pepe

    Also bei mir geht es :)
    http://www.axolotl-online-bilderecke.de
    Derzeit fallen die Halloween Kürbisse bei mir :)
    Es gibt aber bestimmt bessere Lösungen für mehrere fallende Gifs.

    Auf diesen Kommentar antworten

    1. November 2009 um 16:54

  74. Lefdi

    Hi,
    Klasse Script.
    Aber sag mal, wo kann ich denn einstellen, dass die Schneeflocken nur in meinem Header runterrieseln?

    Also auf eine Breite von 900px und eine Höhe von 200px….???

    Grüße

    Auf diesen Kommentar antworten

    18. November 2009 um 22:11

  75. Applecorner

    Hi,

    ich habe eine andere snow.js drinne, aber funzt im FF und IE8 soweit Prima. Ich betreibe ein Forum und würde mir auch wünschen, das die Flocken bis nach unten schneiem.

    Jemand eine Idee, wie man das machen kann? Habe die Script Zeile in der header.tpl ganz oben stehen.

    Auf diesen Kommentar antworten

    19. November 2009 um 20:27

  76. Thorben

    Hallo,

    ich habe zwei Probleme:

    1. Der Schneefall funktioniert nur in FF, nicht im IE. Woran liegt das?

    2. Ich bekomme statt der Schneeflocke rote Punkte angezeigt, wenn ich auf eine Datei auf meinem Server verweise. Wenn ich den Link aus der hier angebotenen Datei verwende funktioniert es. Was ist da los?

    Bitte HILFE!!!

    Auf diesen Kommentar antworten

    25. November 2009 um 23:14

  77. Sap4ier

    Hallo, ich hab ein anderes snow.js gefunden was zum mein styleplugin gehört.Leider kenn ich mich mit diesen sachen nicht aus. wollt mal gern wissen ob die sich anpassen lässt das die ganzen snow gif´s die es hier gibt damit einfügen lassen.
    hier mal die snow.js datei.
    http://www.fileden.com/files/2009/12/4/2675702/snow.txt

    danke schonmal im voraus und einen schönen 2ten advent bzw Nikolaus.

    Auf diesen Kommentar antworten

    6. Dezember 2009 um 14:28

  78. Sap4ier

    Tja und wie kann ich es jetzt schneien lassen in mein Forum. das besteht komplett aus php. kann ich diese hier angebotene js irgenwo irgendwie einbinden? Bitte helft mir ich kenn mich mit solchen dingen null aus.

    Auf diesen Kommentar antworten

    6. Dezember 2009 um 21:52

  79. Heiko

    Hallo,

    habe auch das Problem,daß im FF und Google Chrome alles klappt. Nur im IE fällt der Schnee nicht bis unten. Ich möchte ihn im IE aber auch auf der ganzen Seite haben.

    Kann mir jemand helfen??

    Danke Heiko

    Auf diesen Kommentar antworten

    30. Dezember 2009 um 10:55


Schreib einen Kommentar



Poets of the Fall - Carnival of Rust Video
Poets of the Fall - The Ultimate Fling Video
Poets of the Fall - Locking Up The Sun Video