JQuery plug-in Book Reader provides a display of a large HTML document as an e-book with automatic pagination of the document.

The two methods of automatic pagination are implemented – the one is based on a certain number of characters on the page and the other is based on a certain height of the page.
 
Both methods have their advantages and disadvantages.
 
The automatic pagination based on the defined number of characters per page is faster, however, does not consider images and lists, so pages usually have the scrollbar.
 
The automatic pagination based on a defined page height is more accurate but slower.
 
JQuery plug-in Book Reader is based on the plugin BookBlock (http://tympanus.net/codrops/2012/09/03/bookblock-a-content-flip-plugin/) with the addition of the automatic pagination.
 
To install the plug-in in the page you must include in the header:
 
<link rel="stylesheet" type="text/css" href="css/bookblock.css" />
 
<script src="js/jquery.min.js"></script>
 
<!-- The automatic pagination based on the defined number of characters per page: -->
 
<script src="js/pagination.js"></script>
 
<!-- The automatic pagination based on a defined page height: -->
 
<script src="js/pagination_plus.js"></script>
 
<script src="js/jquery.bookblock.min.js"></script>
 
Also, you need to wrap the HTML document with the tags:
 
<div class="container">
 
<div class="main">
 
<div class="bb-custom-wrapper">
 
<H1></H1>
 
<div id="bb-bookblock" class="bb-bookblock">
 
<!-- Content -->
 
 
 
</div>
 
<nav>
 
<a id="bb-nav-first" href="#" class="bb-custom-icon bb-custom-icon-first">First page</a>
 
<a id="bb-nav-prev" href="#" class="bb-custom-icon bb-custom-icon-arrow-left">Previous</a>
 
<a id="bb-nav-next" href="#" class="bb-custom-icon bb-custom-icon-arrow-right">Next</a>
 
<a id="bb-nav-last" href="#" class="bb-custom-icon bb-custom-icon-last">Last page</a>
 
</nav>
 
</div>
 
</div>
 
</div>
 
You can download the application here.

Our services

Our developments are at the forefront of high technologies

We design and develop web sites

Individual site design
Creating dynamic sites
Website layout and programming

We develop information systems

Automation of business processes for small and medium business
Collection, storage and processing of data
Using cloud technologies

We create mobile apps

Integration with a Web site
Creating mobile versions of web sites
Using Augmented Reality and Computer Vision

About us

NOV Tech Solutions specializes in developing services for operational management of business, creating web and mobile applications on order

NOV Tech Solutions is a team of highly qualified professionals working for the result

We work quickly and efficiently, using the most modern technologies

We appreciate and take care of our customers, constantly improving the service and expanding the list of services

Our partners

Contacts