TurnJS and bootstrap section -
I am trying to add a section in my Bootstrap web application which will use the Turnge flip-book. My HTML code:
& lt ;! - TurnJS - & gt; & Lt; Section id = "turnJS" class = "turngs" & gt; & Lt; Div id = "flipbook" & gt; & Lt; Div class = "hard" & gt; My turn & lt; / Div & gt; & Lt; Div class = "hard" & gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (pages / 01.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (pages / 02.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (page / 03.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (page / 04.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (page / 05.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (page / 06.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div class = "hard" & gt; & Lt; / Div & gt; & Lt; Div class = "hard" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Section & gt;
My JS Code:
$ ("# FlipBook"). Turn ({width: 400, height: 300, auto sensor: true
});
Is anyone a working sample?
What's your problem? Do not know what your problem is ... can you explain yourself a bit better so that the community can help you? If you are trying to add a change to your site, then you only have to add the div flipbook to the section with a div or class container or line and that's it!
Here is an example:
& lt; Section id = "turnJS" class = "turnJS container" & gt; & Lt; Div class = "row" & gt; & Lt; Div id = "flipbook" & gt; & Lt; Div class = "hard" & gt; My turn & lt; / Div & gt; & Lt; Div class = "hard" & gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (pages / 01.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (pages / 02.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (page / 03.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (page / 04.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (page / 05.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div style = "background-image: url (page / 06.jpg);" & Gt; & Lt; / Div & gt; & Lt; Div class = "hard" & gt; & Lt; / Div & gt; & Lt; Div class = "hard" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Section & gt;
Comments
Post a Comment