| Recommend this page to a friend! |
| Info | Example | Demos |  Files |
 Download |
Reputation | Support forum | Blog | Links |
| Last Updated | Ratings | Unique User Downloads | Download Rankings | |||||
2025-07-09 (-6 hours ago)  |  71% | Total: 317 | All time: 140 This week: 3 | |||||
| Version | License | JavaScript version | Categories | |||
| pdf-flipbook 1.0.7 | The PHP License | 5 | HTML, Printing |
| Description | Author | |||||||||||
This package can browse a PDF document like a book turning its pages. Innovation Award
|
|
Example
|
Details
PDF Flipbook
Convert your PDFs into interactive flipbooks using the Pdf flipbook converter powered by turnjs and pdfjs libraries.
## Installation
- Node.js and npm: - Make sure you have Node.js and npm installed. You can download them from here.
-
Install http-server: - Open your terminal and run the following command to install `http-server` globally: npm install -g http-server
Usage
-
Navigate to Your Project Directory: - Open the terminal and go to the directory where your index.html, CSS, and JS files are located: cd /path/to/your/project -
- The server will provide you with a URL (e.g., http://127.0.0.1:8080) where your project is being served.Start http-server: - Run the following command to start the server: http-server - Access Your Project: - Open your web browser and navigate to the provided URL.
- Stop http-server: - To stop the server, go back to the terminal where it is running and press `Ctrl+C`.
Source File
Define PDF Src
to define the src, open pdfjs/viewer.js and change to line 30.
var DEFAULT_URL = "compressed.tracemonkey-pldi-09.pdf";
Pdf Flipbook |
| Files (186) |
| File | Role | Description | ||
|---|---|---|---|---|
| examples (3 files) |
||||
| images (53 files) |
||||
| pdfjs (5 files, 3 directories) |
||||
| pics (7 files) |
||||
| turnjs (2 files) |
||||
  compressed.tracemonkey-pldi-09.pdf |
Data | Auxiliary data | ||
| index.html |
Example | Example | ||
| LICENSE |
Lic. | License text | ||
| pdf-flip.css |
Data | Auxiliary data | ||
| pdf-flip.js |
Class | Class source | ||
| README.md |
Doc. | Documentation | ||
| Files (186) |
/ | examples |
| File | Role | Description |
|---|---|---|
 fixed_size.html |
Doc. | Documentation |
| fixed_size.html |
Doc. | Documentation |
| fixed_size.html |
Output | Example |
| Files (186) |
/ | images |
| Files (186) |
/ | pdfjs |
| File | Role | Description | ||
|---|---|---|---|---|
| build (2 files) |
||||
| cmaps (3 files) |
||||
| locale (1 file, 104 directories) |
||||
| compatibility.js |
Class | Class source | ||
| debugger.js |
Class | Class source | ||
| l10n.js |
Class | Class source | ||
| viewer.css |
Data | Auxiliary data | ||
| viewer.js |
Class | Class source | ||
| Files (186) |
/ | pdfjs | / | build |
| File | Role | Description |
|---|---|---|
| pdf.js |
Class | Class source |
| pdf.worker.js |
Class | Class source |
| Files (186) |
/ | pdfjs | / | cmaps |
| File | Role | Description |
|---|---|---|
| CNS2-V.bcmap |
Data | Auxiliary data |
| ETenms-B5-H.bcmap |
Data | Auxiliary data |
| LICENSE |
Lic. | License text |
| Files (186) |
/ | pdfjs | / | locale |
| File | Role | Description | ||
|---|---|---|---|---|
| ach (1 file) |
||||
| af (1 file) |
||||
| ak (1 file) |
||||
| an (1 file) |
||||
| ar (1 file) |
||||
| as (1 file) |
||||
| ast (1 file) |
||||
| az (1 file) |
||||
| be (1 file) |
||||
| bg (1 file) |
||||
| bn-BD (1 file) |
||||
| bn-IN (1 file) |
||||
| br (1 file) |
||||
| bs (1 file) |
||||
| ca (1 file) |
||||
| cs (1 file) |
||||
| csb (1 file) |
||||
| cy (1 file) |
||||
| da (1 file) |
||||
| de (1 file) |
||||
| el (1 file) |
||||
| en-GB (1 file) |
||||
| en-US (1 file) |
||||
| en-ZA (1 file) |
||||
| eo (1 file) |
||||
| es-AR (1 file) |
||||
| es-CL (1 file) |
||||
| es-ES (1 file) |
||||
| es-MX (1 file) |
||||
| et (1 file) |
||||
| eu (1 file) |
||||
| fa (1 file) |
||||
| ff (1 file) |
||||
| fi (1 file) |
||||
| fr (1 file) |
||||
| fy-NL (1 file) |
||||
| ga-IE (1 file) |
||||
| gd (1 file) |
||||
| gl (1 file) |
||||
| gu-IN (1 file) |
||||
| he (1 file) |
||||
| hi-IN (1 file) |
||||
| hr (1 file) |
||||
| hu (1 file) |
||||
| hy-AM (1 file) |
||||
| id (1 file) |
||||
| is (1 file) |
||||
| it (1 file) |
||||
| ja (1 file) |
||||
| ka (1 file) |
||||
| kk (1 file) |
||||
| km (1 file) |
||||
| kn (1 file) |
||||
| ko (1 file) |
||||
| ku (1 file) |
||||
| lg (1 file) |
||||
| lij (1 file) |
||||
| lt (1 file) |
||||
| lv (1 file) |
||||
| mai (1 file) |
||||
| mk (1 file) |
||||
| ml (1 file) |
||||
| mn (1 file) |
||||
| mr (1 file) |
||||
| ms (1 file) |
||||
| my (1 file) |
||||
| nb-NO (1 file) |
||||
| nl (1 file) |
||||
| nn-NO (1 file) |
||||
| nso (1 file) |
||||
| oc (1 file) |
||||
| or (1 file) |
||||
| pa-IN (1 file) |
||||
| pl (1 file) |
||||
| pt-BR (1 file) |
||||
| pt-PT (1 file) |
||||
| rm (1 file) |
||||
| ro (1 file) |
||||
| ru (1 file) |
||||
| rw (1 file) |
||||
| sah (1 file) |
||||
| si (1 file) |
||||
| sk (1 file) |
||||
| sl (1 file) |
||||
| son (1 file) |
||||
| sq (1 file) |
||||
| sr (1 file) |
||||
| sv-SE (1 file) |
||||
| sw (1 file) |
||||
| ta-LK (1 file) |
||||
| ta (1 file) |
||||
| te (1 file) |
||||
| th (1 file) |
||||
| tl (1 file) |
||||
| tn (1 file) |
||||
| tr (1 file) |
||||
| uk (1 file) |
||||
| ur (1 file) |
||||
| vi (1 file) |
||||
| wo (1 file) |
||||
| xh (1 file) |
||||
| zh-CN (1 file) |
||||
| zh-TW (1 file) |
||||
| zu (1 file) |
||||
| locale.properties |
Data | Auxiliary data | ||
| Files (186) |
/ | pics |
| File | Role | Description |
|---|---|---|
 alt-next.png |
Icon | Icon image |
| alt-prev.png |
Icon | Icon image |
| arrows.png |
Icon | Icon image |
| loader.gif |
Icon | Icon image |
| zoom-icons-editable.png |
Icon | Icon image |
| zoom-icons.png |
Icon | Icon image |
| zoom.png |
Icon | Icon image |
| Files (186) |
/ | turnjs |
| File | Role | Description |
|---|---|---|
| turn.min.js |
Class | Class source |
| zoom.min.js |
Class | Class source |
| Version Control | Unique User Downloads | Download Rankings | |||||||||||||||
| 98% |
|
|
| User Ratings | User Comments (1) | ||||||||||||||||||||||||||||||||||
|
| ||||||||||||||||||||||||||||||||||
| Applications that use this package |
No pages of applications that use this class were specified.
If you know an application of this package, send a message to the author to add a link here.
For more information send a message to 
info at jsclasses dot org.
Copyright (c) Icontem 2010-2025