title: Change Background Image on NavBar Click
body: <p>I have to admit I'm very new to this, but I'm building a website based on a template am just about done except for one thing! I'm trying to get the background to change to a different image when a user clicks on a nav bar item and a different part of the site pops up.</p>
  
  <p>If it's helpful, this is the website: www.pitchadvisor.com</p>
  
  <p>Currently, my nav bar links are set up as follows:</p>
  
  <pre><code>&lt;a href="#!/page_about"&gt;&lt;span&gt;&lt;/span&gt;What&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>I tried the following change but it didn't work:</p>
  
  <pre><code>&lt;a href="#!/page_about" onclick="document.getElementById('test').style.backgroundImage='url(http://www.pitchadvisor.com/images/bg2.jpg)'; return false;" &gt;
  </code></pre>
  
  <p>Any help would be greatly appreciated!!</p>
  
  <p>Thanks!</p>