Jquery Flipbook上传PDF

yzckvree  于 2023-10-17  发布在  jQuery
关注(0)|答案(5)|浏览(123)

我正在使用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上传到动画书?请帮帮我我使用http://builtbywill.com/code/booklet插件.

btqmn9zl

btqmn9zl2#

Here是关于使用turn.js和pdf.js创建pdf flipbook的问题。你会得到一个here的例子。pdf.js和turn.js之间的粘合文件可以在here中找到。很可能他修改了issue中所述的pdf.js库。所以要注意这一点。

wgxvkvu9

wgxvkvu93#

如果你想使用jquery创建自己的动画书。
Link网站上注册并下载安装程序,创建您自己的jquery flipbook。试试吧

smdnsysy

smdnsysy4#

有了这个库,你可以convert PDF to flipbook with jquery。它就像包含库和在指向PDF文件的链接上调用插件一样简单。

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="http://pdf-to-flipbook.codingfocus.com/release/jquery.pdfflipbook.1.js"></script>

<script>$('a').pdfFlipbook();</script>
f4t66c6m

f4t66c6m5#

现在可以使用DFlip jQuery Flipbook Plugin。您可以创建一个只与PDF链接的翻页书,加上它支持WebGl的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);

});

随着最近的改进,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>

相关问题