title: Stretching image to full screen on html
body: <p>I have this code which randomly shows a background image. I sized up the images and lower the bytes to lower the loading speed. However, I want the image to resize with whatever the screen size is.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      var randnum = Math.random();
      var inum = 3;
      var rand1 = Math.round(randnum * (inum - 1)) + 1;
      images = new Array();
      images[1] = "bgImages/Blue_Venetian_Glass.jpg";
      images[2] = "bgImages/Etched Glass.jpg";
      images[3] = "bgImages/glass.jpg";
      images[4] = "bgImages/Raindrops_on_Glass.jpg";
      var image = images[rand1];
      document.body.style.background = 'url("' + image + '") no-repeat center center fixed';
  &lt;/script&gt;
  </code></pre>
  
  <p>My question is "what do I need to make the image stretch"</p>