How can I change the background image of each page in the JQuery booklet plugin?_问答_开发者

How can I change the background image of each page in the JQuery booklet plugin?

开发者 https://www.devze.com 2023-02-18 01:40 出处：网络

*How can I change the background image of each page in the JQuery booklet plugin?*Theoretically I think I understand it, but practically I must be doing something wrong in the syntax. I am still reall

*How can I change the background image of each page in the JQuery booklet plugin?*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 t开发者_StackOverflowo 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?}

In my CSS:

     .booklet .b-load  {
         text-align:center;
     } 
     .cover {
         background-image url(images\00c.png)
     }
     #genesis01n0001 {
         background-image url(images\00c.png)
     }

In the HTML:

    <body>
    <div id="mybook">
     <div class="b-load">
     <div id="cover">
     <h1>The Old Testament!</h1>
     </div>
     <div id="genesis01n0001"> 
     <h3>In the beginning God created the heaven and the earth.</h3>
     </div>

#cover {
    background-image:url(images/00c.png);
}
#genesis01n0001 {
    background-image:url(images/00c.png);
}

You forgot the ":" and the ";" om your css! And why don't you use "/" instead of "\"? Another note: In your css, "#" describes an id and "." describes a class.