15

Builtbywill フリップブックを使用しています。

<div id="mybook">
    <div title="This is a page title"> 
       <img src="image1.jpg"/>
    </div>
    <div> 
       <img src="image2.jpg"/>
    </div>
    <div title="This is another title"> 
        <img src="image3.jpg"/>
    </div>
    <div> 
      <img src="image4.jpg"/>
    </div>       
    <div> 
       <img src="image5.jpg"/>
    </div>
</div>

JQuery

  $(function() {
    $('#mybook').booklet({
        menu: '#custom-menu',
        pageSelector: true
    });
});

画像を使用する代わりに、Jquery などを使用して PDF を Flipbook に直接アップロードすることはできますか?助けてください。http://builtbywill.com/code/bookletプラグインを使用しています。

4

5 に答える 5

14

これは、 turn.js および pdf.js を使用した pdf フリップブックの作成に関する問題です。ここで例を示します。pdf.js と turn.js の間のグルー ファイルは、ここにあります。ほとんどの場合、問題に記載されているように、彼は pdf.js ライブラリを変更しました。そのことに注意してください。

于 2013-11-14T13:21:53.587 に答える
1

DFlip jQuery Flipbook Pluginで可能になりました。PDF リンクだけでフリップブックを作成できます。さらに、3D 用の WebGl をサポートしています。

var flipBook;
jQuery(document).ready(function () {

    //when using source from online(make sure the file has CORS access enabled if used in cross domain)
    var pdfFileURL="example-assets/books/alice.pdf";
    var options = {hard:'cover',webgl:true,height: 500, duration: 800};

    flipBook = $("#flipbookContainer").flipBook(pdfFileURL, options);

});

最近の改善により、PDF フリップブックを HTML タグのみで簡単に作成できるようになりました。HTML は自動的に解析され、フリップブックはすぐに使用できます。

 <div class="_df_button" source="example-assets/books/intro.pdf" id="df_intro_button">Intro Book</div>
 <div class="_df_thumb" source="example-assets/books/intro2.pdf" id="df_intro2_thumb" tags="3d,images" thumb="example-assets/books/thumbs/intro2.jpg">Intro 2</div>
于 2016-08-07T07:14:57.477 に答える