1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Javascript Background

Discussion in 'Software' started by mr_flea, Oct 26, 2003.

  1. mr_flea

    mr_flea First Sergeant

    I want to add a background picture to my webpage after the javascript code finishes, but I have to put it in the javascript, not html, or it won't show up. My question is, how do I add a background picture after the page dims from orange to dark blue?

    Here's the code:
    <script language="javascript">
    <!--
    function makearray(n)
    {
    this.length = n;
    for(var i = 1; i <= n; i++) this = 0;
    return this;
    }

    hexArray = new makearray(16);


    for(var i = 0; i < 10; i++) hexArray = 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)
    {
    // keep updating the background color
    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)));
    }
    }



    // (RGB Color Values)
    fade(255,102,0, 0,0,51, 1000);


    // -->
    </script>
     
    Last edited: Oct 26, 2003
  2. mr_flea

    mr_flea First Sergeant

    what would be even nicer is if i could fade it from orange to dark blue (it already does that), and then fade into the picture. Either way would work. Any ideas?
     

Share This Page


MajorGeeks.Com Menu

Downloads All In One Tweaks \ Android \ Anti-Malware \ Anti-Virus \ Appearance \ Backup \ Browsers \ CD\DVD\Blu-Ray \ Covert Ops \ Drive Utilities \ Drivers \ Graphics \ Internet Tools \ Multimedia \ Networking \ Office Tools \ PC Games \ System Tools \ Mac/Apple/Ipad Downloads

Other News: Top Downloads \ News (Tech) \ Off Base (Other Websites News) \ Way Off Base (Offbeat Stories and Pics)

Social: Facebook \ YouTube \ Twitter \ Tumblr \ Pintrest \ RSS Feeds


<