Landing Page Details

Create Realistic Responsive HTML5 Flipbook

iPages Flipbook PDF Viewer is a lightweight and rich-feature jquery plugin helps you create great interactive digital HTML5 flipbooks. With this plugin you are able to easily make media books for your site that empower publishers and bloggers to create more engaging content. It provides an easy way for you to convert static PDF documents, images set or pure HTML markup into the online magazine, interactive catalogs, media brochures or booklets in minutes. The plugin can be deployed easily and runs on all modern browsers and mobile devices.

Flipbook Viewer

iPages is a strong and high quality flipbook viewer with great effects to attract your users. The plugin has inbuilt PDF support (based on the stable PDF.JS library) as result you can easily integrate PDF document without any additional movement. See code below.

<div class="ipgs-flipbook" data-pdf-src="assets/pdf/magazine.pdf" />

Features

  • 3 render book modes – two & one page flip, swipe
  • 3 data sources – images, PDF or HTML or mix each other
  • Multiple instances – create as many items as you want in the same page
  • Portrait & Landscape – unique look for different container sizes
  • Thumbnails – the side panel with page miniatures
  • Outline – bookmarks and external links
  • Keyboard navigation – arrows can be used for the book navigation
  • Multilevel zoom – scale books pages to make better look
  • Share – share a link with friends
  • Fullscreen – you can toggle from the normal state to fullscreen and back
  • Download – allow to download PDF document
  • Progressive Loading PDF – load the PDF in chunks for a better experience
  • JSON config – load parameters from an external file
  • Progress bars – informing about loading status
  • Powerful API – over 40 options
  • Customization – create you own theme instead default
  • Help via email

License

The license of this plugin is for one website. If you want to use the plugin on another websites you need to purchase licenses for each.

Sources and Credits

  • jQuery – http://www.jquery.com
  • PDFjs – https://github.com/mozilla/pdf.js/

Version 1.3.3 02/11/2018

- Fix: the book stays small after fullscreen toggle
- Improvement: page numbers format for the two page mode: 1/4 ; 2-3/4 ; 4/4
- Improvement: public function - setBookEngine (change the book engine on the fly)
- Improvement: config parameters: bookEngineLandscape, bookEnginePortrait & ratioPortraitToLandscape

Version 1.3.2 05/10/2018

- Fix: keyboard navigation
- Improvement: pinch zoom (2 fingers touch on the screen at the same time)
- Improvement: keyboard zoom (plus and minus keys)
- Improvement: zoom default after double click

Version 1.3.1 27/09/2018

- Fix: replaced config ajax request from POST to GET

Version 1.3.0 23/09/2018

- Feature: added the parameter autoHeight
- Fix: removed the parameter containerHeight

Version 1.2.0 01/09/2018

- Fix: AutoFit functionality

Version 1.1.0 31/08/2018

- Fix: PDF image stretches on the page
- Fix: do not use scrollbar and size handlers before init

Version 1.0.0 12/08/2018

- First release

  • dreamstar

    2018-09-02 11:04:09
    Purchased Reply

    Great plugin! Pity it doesn't support double page swipe. A client of mine is looking for something like that. Any way this would be possible? Would be a great feature. Double swipe pages for desktop and single pages for mobile devices. There is another plugin here on codecanyon which does this but i like your navigation interface better.

  • Avirtum

    2018-09-02 13:33:05
    Purchased Reply

    The Two page swipe engine is the two pages we see in the container like 1,2, next 3,4 and etc.Do I understand you right?

  • dreamstar

    2018-09-02 23:10:07
    Purchased Reply

    Cover - 2/3 - 4/5 - 6/7.... just like a regular flipbook but with a swipe effect.

  • Avirtum

    2018-09-02 23:21:46
    Purchased Reply

    I see, thanks for the suggestion. I will add this to my developer plan.

  • ajjaxpunk

    2018-10-08 20:52:12
    Purchased Reply

    Hello, I bought your IPAGES FLIPBOOK PDF VIEWER from link below of $12. It is working with local files but while accessing files from another source like other site or URL via HTTPs/HTTP it is not working. Please suggest any possible method I can do. Please help.

  • Avirtum

    2018-10-08 21:07:13
    Purchased Reply

    Can you write me to avirtum[@]gmail.com about your problem

  • scippy

    2018-11-14 20:12:45
    Purchased Reply

    Hi, I need to put all js css under assets folder but if I move all them inside and update path in html it stop working. Any help about? Thanks.

  • Avirtum

    2018-11-14 20:21:05
    Purchased Reply

    Can you describe your problem with screenshots and send to my email avirtum[@]gmail.com, I will try to help. The comment system is not so friendly )

  • scippy

    2018-11-14 21:07:08
    Purchased Reply

    Thanks Avirtum, I've fixed, I had forgotten pdf.worker.min.js Very great plugin! Before I used the youblisher.com service to show pdf on my website, now I'm free to do myself!

  • Avirtum

    2018-11-14 21:47:58
    Purchased Reply

    Ok

  • Avirtum

    2018-11-14 22:00:57
    Purchased Reply

    P.S. If it's possible, please take a minute and rate my plugin https://codecanyon.net/downloads.

  • DEV-Themes

    2018-08-15 07:08:46
    Purchased Reply

    Great work! I wish you big sales! :-)

  • Avirtum

    2018-08-15 07:11:18
    Purchased Reply

    Thanks

  • libangalal

    2018-08-20 03:17:16
    Purchased Reply

    it seems very slow when the slides are changing

  • Avirtum

    2018-08-20 16:18:23
    Purchased Reply

    What does it mean slow? Can you describe more clearly? What browser do you use? Also the plugin has an option flipDuration.

  • ManasaTheme

    2018-08-14 13:17:09
    Purchased Reply

    Nice Work, Congratulations! Good Luck With Sale :grin:

  • fkazemi5236

    2018-08-15 17:40:46
    Purchased Reply

    hello.. GLWS.. you have greats products :):)

  • Avirtum

    2018-08-15 17:44:56
    Purchased Reply

    Thank a lot

  • pcccorreia

    2018-09-04 20:12:25
    Purchased Reply

    Hello. I like your Flipbook and I want to buy them. But before I need to know if it´s possible to integrate the iPages directly in my website pages? This is very importante to me. Regards Paulo

  • Avirtum

    2018-09-04 21:08:17
    Purchased Reply

    What do you mean by integrating directly? You can check http://avirtum.com/ipages-jquery-plugin/#options, maybe it will help. The package includes the full source code of the plugin and min version too.

  • pcccorreia

    2018-09-04 21:13:29
    Purchased Reply

    Hello. For example: I have a page with some content in my website. I would like to have a possibility in the end of the page to have a window with the iPage flipbook. So, I need to put your code in Head section of my webpage so it works. I don´t know if I was clear. Thank you Paulo

  • pcccorreia

    2018-09-04 21:15:40
    Purchased Reply

    i ´m prepairing now to buy your iPage.. So, I only have this doubt.

  • pcccorreia

    2018-09-04 21:21:29
    Purchased Reply

    I just bought the iPages. :) Regards

  • Avirtum

    2018-09-04 21:23:02
    Purchased Reply

    Yes, it's a standard jQuery plugin, put plugin's files (css & js) in the head, make some markup and call when document is ready.

  • pcccorreia

    2018-09-06 01:17:06
    Purchased Reply

    Hello. I tried to make the iPage running but till now I can´t. Can you help me? I have a website where I will make the tests but I don´t know why the iPages don´t work. The website is: www.estrutura.pt/draft and: the page where i´m trying to test the iPage is: http://estrutura.pt/draft/home/exemplo.html I DO EVERYTHING LIKE YOUR GUIDE.. PLEASE HELP.

  • Avirtum

    2018-09-06 01:48:46
    Purchased Reply

    Answered to email, check file paths.

  • peytonkim

    2018-10-26 20:56:19
    Purchased Reply

    It doesn't work. Please check for me. http://zonta.tw/ebook/ebook.php

  • Avirtum

    2018-10-26 21:39:15
    Purchased Reply

    What exactly not work, I checked your page and it's ok. What browser do you use? And what kind of error do you have? Also, please write me to avirtum[@]gmail.com, because inside comment system I can't add images

  • PreScriptZ

    2018-08-14 09:38:48
    Purchased Reply

    Very Amazing Work! GLWS :)

  • jfn99

    2018-08-27 17:09:02
    Purchased Reply

    All I see after uploading the files: This is just a simple example to show you how the plugin works with PDF

  • Avirtum

    2018-08-27 23:42:49
    Purchased Reply

    You should run demo files on a local web server, because PDFjs library uses ajax to load a PDF document.

  • Avirtum

    2018-08-28 01:02:21
    Purchased Reply

    This is only true for examples with PDF, everything else can work locally.

  • jfn99

    2018-08-28 02:43:49
    Purchased Reply

    Never mind, I've figured it out. some files were missing on the upload. thanks

  • jfn99

    2018-08-28 02:57:22
    Purchased Reply

    If the PDF file is large 30Mb+ it takes a lot of time until anything appears on the screen. is there a way to make it load one page at a time? or show a loader?

  • Avirtum

    2018-08-28 03:01:32
    Purchased Reply

    Try to set the parameter pdfDisableRangeRequests = false, it will enable progressive loading. Also what browser do you use, because it's strange the progress bar should work immediately.

  • jfn99

    2018-08-28 03:59:12
    Purchased Reply

    chrome and safari, both do the same

  • Avirtum

    2018-08-28 04:08:01
    Purchased Reply

    I see, I will check it.

  • Avirtum

    2018-08-28 04:16:08
    Purchased Reply

    I checked it with 28 Mb document (Chrome) and the loading bar is worked as expected. Can you send me your html file, I think the container has display:none style, remove it if yes.

  • jfn99

    2018-08-28 15:10:30
    Purchased Reply

    it loads after some time, but no loading... and also not flipping pages... http://dev4.irdequipment.com/pdf-catalog/index.html

  • Avirtum

    2018-08-29 01:57:13
    Purchased Reply

    Set size to html,body {width:100%; height:100%;} and .ipgs-flipbook {width:100%; height:100%;}. By default the book container doesn't know his size, we should define it via css.

  • jfn99

    2018-08-29 03:10:40
    Purchased Reply

    sorry but this is getting too complicated with many issues, I won't be able to use your extension, can I get a refund please.

  • Avirtum

    2018-08-29 03:20:43
    Purchased Reply

    No, problem, you can.

  • TmdStudio

    2018-08-14 14:50:31
    Purchased Reply

    Great Work, Congratulations GLWS :)