title: How can I change the background image of each page in the JQuery booklet plugin?
body: <p>*<em>How can I change the background image of each page in the JQuery booklet plugin?</em>*Theoretically I think I understand it, but practically I must be doing something wrong in the syntax. I am still really new to JavaScript in general. I am assigning each of the (page) div's it's own id, I think I am getting that part right, and then I want to assign each of them a background image in the C.S.S.. But I am not sure how I should do this. does the statement start with a "." or "#", and should it go in or out of .b-loads {parameters?}</p>
  
  <p>In my CSS: </p>
  
  <pre><code>     .booklet .b-load  {
           text-align:center;
       } 
       .cover {
           background-image url(images\00c.png)
       }
       #genesis01n0001 {
           background-image url(images\00c.png)
       }
  </code></pre>
  
  <p>In the HTML:</p>
  
  <pre><code>    &lt;body&gt;
      &lt;div id="mybook"&gt;
       &lt;div class="b-load"&gt;
       &lt;div id="cover"&gt;
       &lt;h1&gt;The Old Testament!&lt;/h1&gt;
       &lt;/div&gt;
       &lt;div id="genesis01n0001"&gt; 
       &lt;h3&gt;In the beginning God created the heaven and the earth.&lt;/h3&gt;
       &lt;/div&gt;
  </code></pre>