Compatible with
modern Browsers, Tablets, SMART phones
Based on HTML5, CSS3, Javascript, jquery technologies
Introducing
PDF to PAGEFLIP
converter
Main features
demonstrated
Scroll Zoomed book and Thumbnails by dragging it.
Also use keys: Z,T,A
to toggle Zoom, Thumbnails and AutoFlip.
Clicking the corners makes the page flipping
automatically, Dragging it let you perform
manual flipping with free page folding effect.
Clicking the conrers continuously produces
multi flips at the same time.
Based on HTML5, CSS3, Javascript, jquery technologies
PAGEFLIP5 is the book template you can fill with your contents, customize the appearence and behaviors, embed it into your website, or use it on a terminal.
AND from now, you can convert your PDF into Pageflip in minutes, ready-to-upload.
Table of Contents:
*constant 60fps animations are available when all content is loaded, on today's middle range desktop computers, and latest ipads, iphones.
Mobile safari & mobile chrome are supported
When you flip a page, you don’t need to wait until animation is finished, just click on the corner or press left/right key to flip another page, and another...
Flipping animation isn’t skipped when a new one is started.
see the 60fps pageflip5 feature video
Pageflip5 supports all flipping directions you need, for all languages, or content type
You can place more transparent pages one after another, and will see through all of them, just like as it is in this book
Many configuration options are available to fine tune pageflip5 behaviors, appearance.
all the power of CSS3 and HTML5 to make amazing books, with live effects, animations.
 
Pageflip5 is lightweight. To run it, you only need jQuery and a small 44KB javascript library.
Only needed pages are loaded into memory, this let you make very large books without any side effects, like animation lags, and browser memory overflow.
You also have the option to not unload some pages which needs to be in memory.
You have many options to select how pageflip5 displays your book.
By default the book is scaled to fit available space. IF your book is scaled down to fit the stage, the zoom feature become available to view your book in its original resolution.
You can choose which page have thumbnails, and use them like a table of contents
you aren’t forced to use page numbering
from 1 to the last page number:
you can set custom page numbers, region start numbering or even names to display it.
You can also add labels to the pages, for easy internal usage, for accessing page. It’s useful if you add more pages later, while having links from one page to another.
Each page have its own URL (using hash tags) and you can link to it from another pages, or from your website.
If you’re browsing a pageflip5 book, and want to share a content on a page, just copy the URL from the browsers addressbar, and it will point to that page.
Demo you book using autoflip, your audience have just to sit back and watch your content like a slideshow.
Auto flipping interval can be set globally or even at page level, if some pages need more time to be visible.
As most of the pages in this book, content is purely defined as HTML texts, images, formatted with CSS style rules, and linked using standard html links.
The following text are just for visual demonstration, don't waste your time by reading it: Pageflip5 is what’s behind this content you’re reading and let flip through just like in a real magazine. Each page is a block of content. It can be a picture, or anything that HTML5 support: TEXT, images, videos. In addition, you can script any interactivity with all the power of javascript, jquery, css3. Animations, html forms are all supported like on a regular website. The only limit is the size of a page. Pageflip5 is not only a tool for webdesigners, with the new pdf converter you can make your own book in minutes, without the need to look a the sources. In case you’re a pro, pageflip5 let you organize your amazing interactive web content into flipping pages. The result will be available for everyone: Desktop and mobile users.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
The following text are just for visual demonstration, don't waste your time by reading it: Pageflip5 is what’s behind this content you’re reading and let flip through just like in a real magazine. Each page is a block of content. It can be a picture, or anything that HTML5 support: TEXT, images, videos. In addition, you can script any interactivity with all the power of javascript, jquery, css3. Animations, html forms are all supported like on a regular website. The only limit is the size of a page. Pageflip5 is not only a tool for webdesigners, with the new pdf converter you can make your own book in minutes, without the need to look a the sources. In case you’re a pro, pageflip5 let you organize your amazing interactive web content into flipping pages. The result will be available for everyone: Desktop and mobile users.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
More than 60 Confuguration Options are for setting up the Book behaviors, and appearance. Full documentation of the options are available at the online documentation in English and Deutsch
Some features can be enabled/disabled/modified at page level, like transparency, shadows or page numbering. For available page options check theContent setup documentation in English and Deutsch
Add your precious content in HTML5 format, style it with CSS, give it a life using Javascript, or just put an image in the background, or all together.
Create a Javascript program to interact with your pages, enhanced by the event triggered by Pageflip5, your code will always know when and what it have to do
In HTML5 we use the VIDEO tag to display
and play video files...
Transparency is a nice feature that can be used for anything: separate chapters of the book, reveal additional content to a page, or hide a part of the next.
Css3/Javascript Animations
Animgif Animations
Event Driven Animations
Using custom Event handlers make it easy to script your page, depending on its role in the book. This page is:
These page status flags are controlled by the following events:
On Show/On Hide
On Flip/On Flip End
On Top/On Top end
On Zoom In/On Zoom Out
Try flipping backward/forward in both modes to see the difference. If you choose "animate on visible" the animation stops only when the page is not visible.
Don’t want to mess with editing html?
take your pdf book/catalog/magazine and convert it
in a few minutes to pageflip5 book and upload it to
your own website, or use it offlne.
Check it now!
it’s free! Available for every pageflip5 license owner, and for those who requested a trial license.
Licenses
from 19 EUR
Pageflip5
created by abel Vincze/iparigrafika ltd.
©2014