TurnJS и раздел начальной загрузки

Question

Я пытаюсь добавить раздел в мое загрузочное веб-приложение, которое будет использовать flip-книгу turnjs. Мой 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>