TurnJS和bootstrap部分

Question

我正在尝试添加一个部分到我的bootstrap web应用程序，它将使用turnjs flip-book。我的HTML代码：

  <!-- TurnJS -->
<section id="turnJS" class="turnJS">
    <div id="flipbook">
        <div class="hard"> My Turn </div>
        <div class="hard"></div>
                            <div style="background-image:url(pages/01.jpg);"></div>
                            <div style="background-image:url(pages/02.jpg);"></div>
                            <div style="background-image:url(pages/03.jpg);"></div>
                            <div style="background-image:url(pages/04.jpg);"></div>
                            <div style="background-image:url(pages/05.jpg);"></div>
                            <div style="background-image:url(pages/06.jpg);"></div>
                            <div class="hard"></div>
                            <div class="hard"></div>
                        </div>
</section>

我的JS代码：

$("#flipbook").turn({
width: 400,
height: 300,
autoCenter: true

})；

谁有工作样本？

Answer 1

你有什么问题？不知道你的问题是什么。你能更好地解释一下你自己，这样社区才能帮助你吗？如果您正在尝试向您的站点添加turnjs，您只需将div动画书添加到div或带有类容器或行的节中，就是这样！

下面是一个示例：

<section id="turnJS" class="turnJS container"> <div class="row"> <div id="flipbook"> <div class="hard"> My Turn </div> <div class="hard"></div> <div style="background-image:url(pages/01.jpg);"></div> <div style="background-image:url(pages/02.jpg);"></div> <div style="background-image:url(pages/03.jpg);"></div> <div style="background-image:url(pages/04.jpg);"></div> <div style="background-image:url(pages/05.jpg);"></div> <div style="background-image:url(pages/06.jpg);"></div> <div class="hard"></div> <div class="hard"></div> </div> </div> </section>