Herbst: Blätterfall - Website X5 Hilfe - Die Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App
Direkt zum Seiteninhalt

Herbst: Blätterfall

Scripte > Attachment

Laubblätter für herbstliche Atmosphäre

Ein Script das Laubblätter fallen lässt. Auch unsere Homepage können wir ein wenig den Jahreszeiten oder auch anderen Anlässen anpassen, 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 vier verschiedenen Fall-Elementen bei.
Um das Schneeflocken-Image austauschen zu können, muss mit einem Editor der Bild-Dateiname in der Javascript-Datei "fall.js" angepasst werden. Voreingestellt ist das Image "leaf.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 die Elemente fallen sollen.
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.
Download Button
x runter geladen!
Foto Berge
Foto Waldgebiet
Code für den <HEAD> Bereich
<div style="z-index:999;">
<script type="text/javascript" src="wsX5Obj/Obj115_0/fall.js"></script>
</div>
Code Datei "fall.js"
var FALL_Picture = "../images/leaf.gif"; //Pfad des Fall-Objektes
var FALL_no = 15; // Anzahl Fallmenge
var FALL_browser_IE_NS = (document.body.clientHeight) ? 1 : 0;
var FALL_browser_MOZ = (self.innerWidth) ? 1 : 0;
var FALL_browser_IE7 = (document.documentElement.clientHeight) ? 1 : 0;
var FALL_Time;
var FALL_dx, FALL_xp, FALL_yp;
var FALL_am, FALL_stx, FALL_sty;
var i, FALL_Browser_Width, FALL_Browser_Height;
if (FALL_browser_IE_NS)
{
 FALL_Browser_Width = document.body.clientWidth;
 FALL_Browser_Height = document.body.clientHeight;
}
else if (FALL_browser_MOZ)
{
 FALL_Browser_Width = self.innerWidth - 20;
 FALL_Browser_Height = self.innerHeight;
}
else if (FALL_browser_IE7)
{
 FALL_Browser_Width = document.documentElement.clientWidth;
 FALL_Browser_Height = document.documentElement.clientHeight;
}
FALL_dx = new Array();
FALL_xp = new Array();
FALL_yp = new Array();
FALL_am = new Array();
FALL_stx = new Array();
FALL_sty = new Array();
for (i = 0; i < FALL_no; ++ i)
{
 FALL_dx[i] = 0;
 FALL_xp[i] = Math.random()*(FALL_Browser_Width-50);
 FALL_yp[i] = Math.random()*FALL_Browser_Height;
 FALL_am[i] = Math.random()*20;
 FALL_stx[i] = 0.02 + Math.random()/10;
 FALL_sty[i] = 0.7 + Math.random();
// folgenden 3-zeiligen Code ohne Zeilenumbrüche einfügen
 if (i == 0) document.write("<\div id=\"FALL_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=\""+FALL_Picture+"\" border=\"0\"></a><\/div>");
// folgenden 2-zeiligen Code ohne Zeilenumbruch einfügen
 else document.write("<\div id=\"FALL_flake"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><\img src=\""+FALL_Picture+"\" border=\"0\"><\/div>");
}
function FALL_Weather()
{
for (i = 0; i < FALL_no; ++ i)
{
 FALL_yp[i] += FALL_sty[i];
if (FALL_yp[i] > FALL_Browser_Height+500) // Einstellung Falltiefe
 {
  FALL_xp[i] = Math.random()*(FALL_Browser_Width-FALL_am[i]-30); // Einstellung Fallbreite
  FALL_yp[i] = 0;
  FALL_stx[i] = 0.02 + Math.random()/10;
  FALL_sty[i] = 0.7 + Math.random();
 }
  FALL_dx[i] += FALL_stx[i];
document.getElementById("FALL_flake"+i).style.top=FALL_yp[i]+"px";
document.getElementById("FALL_flake"+i).style.left=FALL_xp[i] +
FALL_am[i]*Math.sin(FALL_dx[i])+"px";
 }
  FALL_Time = setTimeout("FALL_Weather()", 10); // Fallgeschwindigkeit (niedriger=schneller)
 }
  FALL_Weather();
Feedbacks zu ""


Kein Kommentar
Vielen Dank für Dein Feedback.
HTML5
Button Spenden

© 2009 - 2018





Besucher Statistik
» 3 Online
» 545 Heute
» 469 Gestern
» 1780 Woche
» 5731 Monat
» 75552 Jahr
» 322130 Gesamt
Record: 1420 (10.04.2014)
Gesamt Downloads:
Zurück zum Seiteninhalt