title: Using Jquery fullscreen background plugin with multiple backgrounds on one page
body: <p>I already have a Jquery slider with left and right arrows for content that uses anchors and hashes so all of the web content (pages) are on one html page.  I need to have full screen backgrounds and I got something working using CSS but it doesn't show the whole image and adds vertical scroll bars which wasn't acceptable, that version is here:
  ilandeistudio.com</p>
  
  <p>So I am trying a different method using Jquery:
  <a href="http://code.ttcon.hu/fullscrn/#!/instructions" rel="nofollow">http://code.ttcon.hu/fullscrn/#!/instructions</a></p>
  
  <p>I can get this working but I do not know how to get it to work with the sliders/multiple backgrounds.  The instructions say that you can change the background later just call the setImage method:</p>
  
  <pre><code>fullScr.setImage("images/bg_about1.jpg");
  </code></pre>
  
  <p>I am not really sure how to do this or where exactly it should go.  I made a test page here:
  <a href="http://www.ilandeistudio.com/index06.html" rel="nofollow">http://www.ilandeistudio.com/index06.html</a></p>
  
  <p>When you click the right arrow I want it to change to the next background like it does on the first link I posted ilandeistudio.com</p>