Main Page

The first release of turn.js introduced a pretty simple way for adding new pages. In fact, the only thing you had to do was to add as many elements as pages you needed for your book or magazine. Quickly, this scheme brought up a problem in cases where the book contained a large amount of pages.

$("#flipbook").turn();

Turn

Turn is the built-in jQuery plugin that comes with the turn.js development kit, which allows you to create flipbooks. These are the options, properties, events and CSS classes available in turn.js 4.0.6 release.

Options	Properties	Methods	Events	CSS Classes
acceleration autoCenter display duration gradients height inclination page pages prefix when width	animating display disabled page pages size options view zoom	addPage center destroy display disable hasPage next is page pages peel previous range removePage resize size stop zoom	end first last missing start turning turned zooming	.even .fixed .hard .odd .own-size .page .p[0-9]+ .shadow .sheet

Zoom Viewport

To implement the new zoom function, a new component is available since turn.js 4.0.2 to define the viewport of the pages when zoomed in.

Options	Properties	Methods	Events
max flipbook when	value	destroy zoomIn zoomOut	doubleTap resize zoomIn zoomOut swipeLeft swipeOut

Scissors

The first release of turn.js introduced a pretty simple way for adding new pages. In fact, the only thing you had to do was to add as many elements as pages you needed for your book or magazine.