Question

Iam使用Builtbywill Flipbook。

<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插件。

Answer 1

Here是关于使用turn.js和pdf.js创建pdf flipbook的问题。您将得到一个示例here。可以找到pdf.js和turn.js之间的粘贴文件here。很可能是{strong} 修改了 pdf.js库，如issue中所述。所以请注意这一点。

Answer 2

为什么不试试

看看这里，pdfjs + turnjs：http://www.maxims6n.bget.ru/pdf_books/demo_21.html

turn.js：http://www.turnjs.com/

pdf.js：http://mozilla.github.io/pdf.js/

jsPDF：http://parall.ax/products/jspdf

Answer 3

如果您想使用jquery创建自己的翻书。

在此网站Link注册并下载设置并创建自己的jquery flipbook。试试吧。

Answer 4

现在可以使用DFlip jQuery Flipbook Plugin。您只需使用PDF链接即可创建一本翻书，而且它支持WebGl for 3D。

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);

});

通过最近的改进，现在可以使用HTML标签轻松创建PDF翻书。 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>

Answer 5

使用此库，您可以convert PDF to flipbook with jquery。它就像包含库并在指向pdf文件的链接上调用插件一样简单。

Prope = NotifyTask.Create(LoadDataAsync(), new ObservableCollection<CProyecto>());

Jquery Flipbook上传PDF

5 个答案: