title: Random CSS background image
body: <p>I can't find anything that works for me, and since I'm a cut and paste html editor (I know only the main basic stuff), I don't understand most of the other posts. This is the webpage I'm working with: <a href="http://goo.gl/MgsoX4" rel="nofollow">http://goo.gl/MgsoX4</a> (I'm hosting it on dropbox because I haven't finished it yet). I had the idea of having a background change every time some refreshed/reloaded the page. I can't seem to find anything that works for me. The CSS for the background is the following:</p>
  
  <pre><code>#banner {
      background-attachment: scroll,                          fixed;
      background-color: #666;
      background-image: url("images/overlay.png"), url("../images/1.jpg");
      background-position: top left,                      center center;
      background-repeat: repeat,                          no-repeat;
      background-size: auto,                          cover;
      color: #fff;
      padding: 12em 0 20em 0;
      text-align: center;
  }
  </code></pre>
  
  <p>Whenever I change "../images/1.jpg" to "../images/2.jpg", the background will change to the second jpg, but I've tried a php image rotator and it won't work!</p>