JQuery Flipbook для загрузки PDF файлов

Iam, используя встроенную флип-книгу.

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

Вместо использования изображений можно напрямую загрузить PDF файл в Flipbook с помощью JQuery или каким-то образом? Пожалуйста, помогите мне. Я использую плагин http://builtbywill.com/code/booklet.

Ответы

Ответ 1

Здесь - проблема создания pdf-флип-книги с turn.js и pdf.js. Здесь вы увидите пример . Файл клея между pdf.js и turn.js можно найти здесь . Скорее всего, он модифицировал библиотеку pdf.js, как указано в issue. Знайте об этом.

Ответ 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

Ответ 3

Если вы хотите создать свой собственный флип-буфер с помощью jquery.

Зарегистрируйтесь на этом веб-сайте Ссылка и загрузите настройку и создайте свой собственный флип-банк jquery. Попробуйте.

Ответ 4

Теперь можно использовать 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>

Ответ 5

С помощью этой библиотеки вы можете конвертировать PDF в flipbook с 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>