Avatar billede nighthawk_junior Nybegynder
08. august 2003 - 12:29 Der er 22 kommentarer og
1 løsning

fading script

Jeg står og mangler et fading script i stil med den her

http://www.webdevelopersjournal.com/WackyHTML.html

Den skal fade fra helt sort til almindelig baggrund med billeder og tekst.
I må også gerne skrive hvor jeg kan ændre farven, og hastigheden på scriptet... p.s bruger webbyen....
Avatar billede likedon Nybegynder
08. august 2003 - 12:33 #1
kan du ikke bare bruge scriptet fra siden??


<!--Fade-->
<script language="JavaScript">
function makearray(n) {
    this.length = n;
    for(var i = 1; i <= n; i++)
        this[i] = 0;
    return this;
}
hexa = new makearray(16);
for(var i = 0; i < 10; i++)
    hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
function hex(i) {
    if (i < 0)
        return "00";
    else if (255 < i)
        return "ff";
    else
        return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function setbgColor(r, g, b) {
    var hr = hex(r); var hg = hex(g); var hb = hex(b);
    document.bgColor = "#"+hr+hg+hb;
}
function fade(sr, sg, sb, er, eg, eb, step) {
    for(var i = 0; i <= step; i++) {
        setbgColor(
        Math.floor(sr * ((step-i)/step) + er * (i/step)),
        Math.floor(sg * ((step-i)/step) + eg * (i/step)),
        Math.floor(sb * ((step-i)/step) + eb * (i/step)));
    }
}
function fadein() {
    fade(0,0,0, 255,255,255, 100);
}
/* do fadein */
fadein();
</script><!--/Fade-->
Avatar billede likedon Nybegynder
08. august 2003 - 12:33 #2
Farven ændres her:

    fade(0,0,0, 255,255,255, 100);
Avatar billede nighthawk_junior Nybegynder
08. august 2003 - 12:34 #3
prøver lige, har ikke så meget styr på javascripts
Avatar billede likedon Nybegynder
08. august 2003 - 12:35 #4
Der sættes hastigheden også
Avatar billede likedon Nybegynder
08. august 2003 - 12:35 #5
ex:
    fade(100,100,0, 255,255,255, 1000);
Avatar billede nighthawk_junior Nybegynder
08. august 2003 - 12:52 #6
Det virkede, men ikke efter hensigten.

Kan man ikke lave scriptet så det kan fade ind på en anden baggrund lige som på siden jeg har lavet her...
http://home20.inet.tele.dk/nighthawkjunior/
Avatar billede likedon Nybegynder
08. august 2003 - 12:56 #7
Altså du skriver:
Den skal fade fra helt sort til almindelig baggrund med billeder og tekst.

Det gør overstående script, hvad er det så du vil have??

Vil du have fra sort og til den baggrund på nighthawk..?
Avatar billede nighthawk_junior Nybegynder
08. august 2003 - 13:00 #8
Sorry, er ikke særlig god til og forklare, ja den skal fade fra sort og til den baggrund på nighthawk... og vil den også virke hvis man skifter baggrund...
Avatar billede likedon Nybegynder
08. august 2003 - 13:05 #9
Den fade du fandt bruger intet fra html'en, men den fader kun baggrunden, og altså ikke tekster og billeder du ligger oven på denne.
kan da godt prøve at hitte dig en der laver det hele sort
Avatar billede nighthawk_junior Nybegynder
08. august 2003 - 13:08 #10
Det ville værer kanon har selv fundet nogle steder hvor man kan finde scripts, men, har dog ikke tjeck på det.

http://teknikogsjov.gilau.dk/webdesign/scripts/java_scripts_links.asp
Avatar billede likedon Nybegynder
08. august 2003 - 13:11 #11
det kan jeg ikke lige hitte
Avatar billede nighthawk_junior Nybegynder
08. august 2003 - 13:14 #12
ok... men ellers tak for indsatsen...
Avatar billede roenving Novice
08. august 2003 - 13:31 #13
Måske er det noget af den teknik jeg har brugt her du skal bruge:

http://roenving.users.whitehat.dk/WD5Opacity.html
Avatar billede nighthawk_junior Nybegynder
08. august 2003 - 13:44 #14
Roenving... ikke helt....
Avatar billede roenving Novice
08. august 2003 - 13:53 #15
oki ;-)
Avatar billede tobias_louv Nybegynder
08. august 2003 - 14:15 #16
Du kan også prøve:
<head>
<script language="JavaScript">
<!--
fade_process = 100;
function fade_nu() {
fade_process--;
fade.style.filter = "Alpha(opacity=" + fade_process + ");";
setTimeout("fade_nu()", 100);
};
// -->
</script>
</head>
<body onLoad="fade_nu();" bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0" background="billede">
<div style="visibility: visible;background-color: #000000;filter: Alpha(opacity=100);position: absolute;top: 0;left: 0;width: 100%;height: 100%;" id="fade">&nbsp;</div>
</body>
Avatar billede tobias_louv Nybegynder
08. august 2003 - 14:15 #17
sq være svar ;~}
Avatar billede nighthawk_junior Nybegynder
08. august 2003 - 14:19 #18
Nope, virker ikke
Avatar billede tobias_louv Nybegynder
08. august 2003 - 14:21 #19
Det forstår jeg ikke, virker på min
Avatar billede tobias_louv Nybegynder
08. august 2003 - 14:21 #20
men jeg bruger IE, måske ikke standard ?~)
Avatar billede nighthawk_junior Nybegynder
08. august 2003 - 14:22 #21
hmmmmm...
Avatar billede roenving Novice
08. august 2003 - 14:49 #22
>>nighthawk_junior

Den teknik, som tobias bruger er også udgangspunktet for den jeg viser i ovenstående link (min er bare udvidet til at virke på flere elementer og i flere browsere _og_ udløses af mouse-events) ...

Det kan let bygges om, så det startes af f.eks. <body onload> men det kræver, at det er et forgrundsobjekt, for en baggrund kan ikke fades ...
Avatar billede nighthawk_junior Nybegynder
12. august 2003 - 00:16 #23
Har fundet ud af det...takker mange gange for jeres hjælp.... Spørgsmål lukket...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester