Fader Script
============
----- Beginn Datei "fader_lib.js" -----
// Definition der Hex-Werte
hex_wert = new Array
for ( i = 0;
i < 10;
i++ )
hex_wert[i] = i;
hex_wert[10]="a";
hex_wert[11]="b";
hex_wert[12]="c";
hex_wert[13]="d";
hex_wert[14]="e";
hex_wert[15]="f";
// Umrechnen der RGB-Wert in Hex
function make_hex(i)
{
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return "" + hex_wert[Math.floor(i/16)] + hex_wert[i%16];
// "" fuer Zeichenkette + erste Ziffer + rest
}
// Hintergrundfarbe wird gesetzt
function set_bg(r,g,b)
{
hr = make_hex(r);
hg = make_hex(g);
hb = make_hex(b);
document.bgColor = "#" + hr + hg + hb;
}
// Funktion fuer die Uebergaenge
// bekommt als Parameter die Startfarbe, die Endfarbe
// und die Anzahl der Schritte
function fader(sr,sg,sb,er,eg,eb,schritte)
{
for ( i = 0;
i <= schritte;
i++)
{
set_bg
(
Math.floor(sr * ((schritte-i)/schritte) + er * (i/schritte)),
Math.floor(sg * ((schritte-i)/schritte) + eg * (i/schritte)),
Math.floor(sb * ((schritte-i)/schritte) + eb * (i/schritte))
);
}
}
// Aufruf der fader Funktion mit Werten
function do_fader()
{
fader (255,255,255,0,0,0,250);
}
----- Ende Datei "fader_lib.js" -----
Aufruf im Quelltext
===================
Initialisierung im Header:
Aufruf im BODY-Tag:
Seitenwechsel:
Der Seitenwechsel ist mit einem einfachen META-Tag realisiert, so dass
Besucher ohne JavaScript zumindest weiterkommen...