fadeTo?

[holzbrot]

gibt es eine möglichkeit die hintergrund farbe langsam zu ändern, also dass sie sich immermehr mit der neuen überschneidet und irgendwann dann 100% deckt?
Oder auch dasselbe mit Grafiken

 

[Fabian]

bei der hintergrundfarbe is das einfach:

var fa = 10
var fb = 99

farbe()

function farbe() {
fa++
fb--
document.bgColor = "#00" + fa + fb
if (fa < 98) {setTimeout("farbe()", 1)}
}

aber bei nem hintergrund bild gehts glaub nich. bei nem normalen bild schon (siehe DHTML / HTML 4.0 unter Optische Filter)

MfG
Fabian

 

[holzbrot]

danke, gäähn, es is spät und ich kapiere das heute nicht mehr!
also, ich brauch was, dass von grün nach 25 sec. zu schwarz übergeht.
macht mal....

 

[sk8graz]

ich glaube so müsstest du es schnallen

<!--Füge das folgende Skript irgendwo zwischen den Body Tags ein.--> 
<script language="javascript">
<!--
function makearray(n)
{
     this.length = n;
     for(var i = 1; i <= n; i++) this[i] = 0;
     return this;
}
hexArray = new makearray(16);
for(var i = 0; i < 10; i++) hexArray[i] = i;
hexArray[10]="A"; hexArray[11]="B"; hexArray[12]="C";
hexArray[13]="D"; hexArray[14]="E"; hexArray[15]="F";
function makeHex(i)
{
    if (i < 0) return "00";
    else if (i > 255) return "FF";
    else
    return "" + hexArray[Math.floor(i/16)] + hexArray[i%16];
}
function setbgColor(r, g, b)
{
    var red = makeHex(r); var green = makeHex(g); var blue = makeHex(b);
    document.bgColor = "#"+red+green+blue;
}
function fade(sr, sg, sb, er, eg, eb, inc)
{
// die Hintergrund Farbe wird aktualisiert
    for(var i = 0; i <= inc; i++)
    {
        setbgColor(
             Math.floor(sr * ((inc-i)/inc) + er * (i/inc)),
             Math.floor(sg * ((inc-i)/inc) + eg * (i/inc)),
             Math.floor(sb * ((inc-i)/inc) + eb * (i/inc)));
    }
}
// Die ersten sechs Zahlen sind RGB Werte und
// können geändert werden. (Bsp. 255,255,255=weiss,
// 0,0,0=schwarz). Der siebte Wert legt die Dauer des 
// Fadings fest, und kann auch geändert werden. (Bsp.
// 1000=1 Sekunde).
fade(0,0,0, 255,255,255, 500);
// -->
</script>