title: How to display two alternating pictures according to season?
body: <p>Due to taking care of my ailing elderly parents, I haven't been able to do website design for a few years.  Now I'm extremely rusty and just can't figure too much out anymore.</p>
  
  <p>Inside a div, I want to have two alternating pictures (alternating every 5 seconds or so) according to the season.</p>
  
  <p>If Winter, then display winter01.png and winter02.jpg, alternating.</p>
  
  <p>I have the following working code for changing the div BACKGROUND according to the season, but figuring out how to make the contents two alternating pics according to the season is well beyond me.</p>
  
  <p>Any help?  I would be willing to send a small Paypal donation.....</p>
  
  <p>Here is the code that works changing the background image according to season:</p>
  
  <pre><code>&lt;div class="homeBox"&gt;
  &lt;!--set background image according to season--&gt;
  &lt;script type="text/JavaScript"&gt;
  var north = true;
  var today = new Date();
  var month = today.getMonth();
  if (today.getDate() &gt; 20) month++;
  var backImg = ['/windsong/images/seasonal/backgrounds/summer.jpg','/windsong/images/seasonal/backgrounds/autumn.jpg','/windsong/images/seasonal/backgrounds/winter.jpg','/windsong/images/seasonal/backgrounds/spring.jpg'];
  </code></pre>
  
  <p>document.getElementsByClassName('homeBox')[0].style.backgroundImage =
  'url('+backImg[Math.floor((month+(north?6:0))/3)%4]+')'; 
      `</p>