0

turnjs フリップブックを使用するセクションをブートストラップ Web アプリケーションに追加しようとしています。私の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

});

作業サンプルを持っている人はいますか?

4

1 に答える 1

0

あなたの問題は何ですか？何が問題なのかわからない...コミュニティがあなたを助けることができるように、あなた自身をもう少しうまく説明してもらえますか? サイトに 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>

于 2014-12-19T00:25:49.380 に答える