Ihr könnt sie aber auch selbst speichern. Dann müsst ihr aber noch die entsprechende URL im Code oben eintragen, damit die Bilder korrekt verlinkt sind. 3. Winter im April: Schnee sorgt für Verkehrsbehinderungen und Stromausfälle | wetter.de. Die Schneeflocken selbst sind nun integriert, doch was bringt das schon, wenn selbige nicht auch noch hübsch animiert werden? Dank CSS3 ist das denkbar einfach und erfordert vor allem nicht einmal viel Code. So bleibt der CSS3 Schnee-Effekt stets performant und läuft deshalb auch vollkommen flüssig. Fügt nun folgenden Code ganz unten in eure CSS-Datei ein bzw. unter dem Hauptteil für die Website. @keyframes schnee{0%{background-position:0px 0px, 0px 0px, 0px 0px}100%{background-position:500px 1000px, 400px 400px, 300px 300px}}@-moz-keyframes schnee{0%{background-position:0px 0px, 0px 0px, 0px 0px}100%{background-position:500px 1000px, 400px 400px, 300px 300px}}@-webkit-keyframes schnee{0%{background-position:0px 0px, 0px 0px, 0px 0px}100%{background-position:500px 1000px, 400px 400px, 300px 300px;}}@-ms-keyframes schnee{0%{background-position:0px 0px, 0px 0px, 0px 0px}100%{background-position:500px 1000px, 400px 400px, 300px 300px}} CSS3 Schnee-Effekt Und das war es dann schon.
So, ich hab mal nachgeschaut. Wenn man einfach die beiden Zeilen entfernt, dann schneit es nicht mehr, weil JavaScript mit einem Fehler aussteigt. Entfernt man aber die beiden ersten if(-else) Klauseln, dann schneit es weiterhin, allerdings etwas anders. cmb wrote: Allerdings sollte das Script generell mal gründlich geprüft werden, denn folgende Zeilen scheinen "aus grauer Vorzeit" zu stammen: Code: Select all var SNE_browser_IE_NS = ()? Schnee auf die Homepage?. 1: 0; var SNE_browser_MOZ = (nerWidth)? 1: 0; var SNE_browser_IE7 = (ientHeight)? 1: 0; Tatsächlich ist das Script wohl schon etwas älter. ientHeight entspringt dem MS IE DHTML Modell. Frühe Mozillas haben das wohl noch nicht gekannt, so dass hier auf nerHeight ausgewichen wird, was aber beim IE erst ab Version 9 eingeführt wurde. Warum nun als dritter Fallback noch ientHeight ins Spiel kommt, kann ich mir nicht erklären, da auch unter IE 7 definiert ist. Auf jeden Fall kann man heutzutage wohl getrost auf nerWidth verzichten, zumal das nie standardisiert wurde, und clientHeight wenigstens auf dem Wege der Standardisierung ist.
Unsere Javascript Schnee-Animation simuliert einen realistischen Schnee-Effekt mit individuellen Konfigurationsmöglichkeiten. Ob ruhig und besinnlich fallender Schnee oder ein kräftig wirbelnder Schneesturm, bei uns gibt es Schneeflocken jeder Art für deine Homepage. Unsere Schnee-Animationen eignen sich für alle Webseiten, die in der Weihnachtzeit ihren Look anpassen wollen oder sich das ganze Jahr lang mit der Thematik Winter (Wintersportarten, Winterurlaub, Wintermode uvm. ) beschäftigen. jetzt Kaufen Für wen sind Schnee-Animationen geeignet? Unsere Schnee-Animationen sind geeignet für alle Webseiten, Shops und Blogs. Gerade in der Weihnachtszeit verleiht der realistische Schnee-Effekt deiner Website einen winterlichen Touch. Schnee für homepage website teller. Ob Profi-Onlineshop oder Hobbyblogger, mit der individuell angepassten Schnee-Animation wird jeder Webseite der letzte winterliche Schliff gegeben, der die Nutzer in ein Winterparadies katapultieren lässt. Individuelle Schnee-Animationen - Passe deinen Schnee-Effekt individuell an Die Anpassungsmöglichkeiten unserer Schnee-Animation sind groß.
Gewitter: Schalte die dynamischen Blitze für einen Gewitter-Effekt an oder aus. Vollbild: Zeig die Schnee-Animation über die Fläche des kompletten Browserfensters an oder beschränke den Schnee-Effekt auf einen vorgegebenen Bereich. Gib dafür die ID eines DIV-Elements an. Wie wird die Schnee-Animation erstellt? Die realistische Wirkung des Javascript-Schnee-Effekts wird durch eine zufällige Darstellung einzelner Schneeflockenbilder erzielt. Durch dieses Zufallsprinzip entsteht ebenso die Verwirbelung des Schneefalleffekts. In Kombination mit einer variablen dynamischen Beschleunigung der Schneeflocken, ermitteln und führen zufällig generierte Werte zu dem auf dieser Webseite präsentierten Ergebnis. 1 Entpacken der Zip-Datei Du hast das Script für deine persönliche Schnee-Animation soeben als Zip-Datei herunterladen. Bitte entpacke diese Zip-Datei "" nun auf deiner Festplatte. Schnee für homepage ga²len. 2 Upload der Daten auf den eigenen Server Du musst das Script für den Schnee-Effekt auf deinen Webserver oder Webspace hochladen, damit du es einbinden kannst.
/', true, true, false, 0. 5, 0. 4); Platziere die oben stehende Code-Zeile direkt nach den beiden im Schritt zuvor platzierten Zeilen. Beispiel:
Und ich bin ein toller Text...
2. Integration in einen definierten Bereich: Zur grundsätzlichen Integration musst du außerdem den folgenden Schritt erledigen. Sieh dir als Beispiel den Quellcode (Inhalt) der Datei: "" an. Schnee zum Aprilstart in Deutschland. Du musst die folgende Zeile zusätzlich auf jeder Seite, auf welcher der Schnee-Effekt erscheinen soll, integrieren: Zusätzlich musst du nun den Bereich definieren, in dem die Schnee-Animation erscheinen soll. In unserem Beispiel nehmen wir das Div-Element mit der ID "meinSchneeDiv". Beispiel:Und ich bin ein toller Text...