Winter: Schneeflocken - Website X5 Hilfe - Die Helpsite

Winter: Schneeflocken - Website X5 Hilfe - Die Helpsite

Direkt zum Seiteninhalt

Hauptmenü:

Winter: Schneeflocken

Scripte > Attachment

Schneeflocken für winterliche Atmosphäre

Ein Script das Schneeflocken produziert. Auch unsere Homepage können wir ein wenig winterlich gestalten, ohne dies aufdringlich wirken zu lassen.

ZIP-Datei entpacken und Verzeichnis "wsX5Obj" auf den Webserver ins Root-Verzeichnis kopieren.

Zusätzlich liegt dem Paket im wsX5Obj-Verzeichnis ein Ordner "img" mit zehn verschiedenen Schneeflocken-Typen (snow0.gif bis snow9.gif) bei.

Um das Schneeflocken-Image austauschen zu können, muss mit einem Editor der Bild-Dateiname in der Javascript-Datei "snow.js" angepasst werden. Voreingestellt ist das Image "snow0.gif".

Die Fallhöhe, Fallbreite und Fallgeschwindigkeit lassen sich in der Javascript-Datei auch nach eigenen Bedürfnissen anpassen.
Der Scriptaufruf sollte gleich nach dem
<HEAD> Tag eingefügt werden, kann aber ebenso an oberster Stelle vor dem <HTML> oder auch im Bodybereich eingefügt werden, jenachdem ab wo der Schneefall einsetzen soll.
Die Zeile <div style="z-index:999;"> bewirkt, dass die Fallelemente nicht hinter dem Header oder wie in unserem Fall hinter dem Menü fallen. Gegebenenfalls muss das z-index erhöht werden.

x runter geladen

Foto Landschaft
Foto Garten
Code für den <HEAD> Bereich
<div style="z-index:999;">
<script type="text/javascript" src="wsX5Obj/Obj75_0/snow.js"></script>
</div>
Code "snow.js"
var SNOW_Picture = "wsX5Obj/Obj75_0/img/snow0.gif"; // Einstellung des Bildpfades
var SNOW_no = 25; // Anzahl Flockenmenge
var SNOW_browser_IE_NS = (document.body.clientHeight) ? 1 : 0;
var SNOW_browser_MOZ = (self.innerWidth) ? 1 : 0;
var SNOW_browser_IE7 = (document.documentElement.clientHeight) ? 1 : 0;
var SNOW_Time;
var SNOW_dx, SNOW_xp, SNOW_yp;
var SNOW_am, SNOW_stx, SNOW_sty;
var i, SNOW_Browser_Width, SNOW_Browser_Height;
if (SNOW_browser_IE_NS)
{
SNOW_Browser_Width = document.body.clientWidth;
SNOW_Browser_Height = document.body.clientHeight;
}
else if (SNOW_browser_MOZ)
{
SNOW_Browser_Width = self.innerWidth - 20;
SNOW_Browser_Height = self.innerHeight;
}
else if (SNOW_browser_IE7)
{
SNOW_Browser_Width = document.documentElement.clientWidth;
SNOW_Browser_Height = document.documentElement.clientHeight;
}
SNOW_dx = new Array();
SNOW_xp = new Array();
SNOW_yp = new Array();
SNOW_am = new Array();
SNOW_stx = new Array();
SNOW_sty = new Array();
for (i = 0; i < SNOW_no; ++ i)
{
SNOW_dx[i] = 0;
SNOW_xp[i] = Math.random()*(SNOW_Browser_Width-50);
SNOW_yp[i] = Math.random()*SNOW_Browser_Height;
SNOW_am[i] = Math.random()*20;
SNOW_stx[i] = 0.02 + Math.random()/10;
SNOW_sty[i] = 0.7 + Math.random();
// folgenden 3-zeiligen Code ohne Zeilenumbrüche einfügen
if (i == 0) document.write("<\div id=\"SNOW_flake"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><a href=\"http://www.x5forum.home-wiekau.de\" target=\"_blank\"><\img src=\""+SNOW_Picture+"\" border=\"0\"></a><\/div>");
// folgenden 2-zeiligen Code ohne Zeilenumbruch einfügen
else document.write("<\div id=\"SNOW_flake"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><\img src=\""+SNOW_Picture+"\" border=\"0\"><\/div>");
}
function SNOW_Weather()
{
for (i = 0; i < SNOW_no; ++ i)
{
SNOW_yp[i] += SNOW_sty[i];
if (SNOW_yp[i] > SNOW_Browser_Height+500) // Einstellung der Falltiefe
{
 SNOW_xp[i] = Math.random()*(SNOW_Browser_Width-SNOW_am[i]-30); // Einstellung der Fallbreite
 SNOW_yp[i] = 0;
 SNOW_stx[i] = 0.02 + Math.random()/10;
 SNOW_sty[i] = 0.7 + Math.random();
}
 SNOW_dx[i] += SNOW_stx[i];
document.getElementById("SNOW_flake"+i).style.top=SNOW_yp[i]+"px";
document.getElementById("SNOW_flake"+i).style.left=SNOW_xp[i] +    SNOW_am[i]*Math.sin(SNOW_dx[i])+"px";
}
 SNOW_Time = setTimeout("SNOW_Weather()", 10); // Fallgeschwindigkeit
}
 SNOW_Weather();
Feedbacks zu ""

es gibt insgesamt 3 Kommentar(e)


  1. Wassibär http://www.rsg-sport.de schreibt am 19.12.2017, 17.39 Uhr

    bekomme zwar den Schneefall hin, aber die Flocken sehen aus wie nicht verknüpfte Bilder. Bin irgendwie mit meinem Latein am Ende.
    Admin-Antwort: ... dann stimmt der Pfad nicht zum gif-Bild.

  2. Anfängerin schreibt am 24.04.2016, 13.40 Uhr

    Ich kriegs irgendwie nicht richtig hin mit website x5 Evo. Das gab es doch auch mal mit Objekten (Blasen, Vögel) die aufstiegen, das suche ich :-)

  3. Günni schreibt am 08.12.2011, 15.09 Uhr

    Danke. Es schneit! Allerdings nur auf meiner HP. Ansonsten blauer Himmel, +9°. Gruß


Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *
 
Logo HTML5
Button Spenden

© 2009 - 2018




  Besucher Statistik
 » 5 Online
 » 110 Heute
 » 1229 Woche
 » 4562 Monat
 » 36633 Jahr
 » 283211 Gesamt
Rekord: 1420 (10.04.2014)
Zurück zum Seiteninhalt | Zurück zum Hauptmenü