Make a flip book with HTML5

turn.js

Turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine. It works in all modern browsers including touch devices.To use turn.js it's very easy all you have to do is use one method on the main book div. Below is the simplest form of using the turn.js plugin.

get the working code from here

Turn.js Options

• acceleration - Sets the hardware acceleration mode, default: true

• display (r3) - Defines the initial display, default:double

• duration - Sets the duration of the effect in microseconds, default: 600

• gradients - Sets the gradient mode, default: true

• height - Defines the height, default: $('selector').height()

• inclination (r3) - Defines the inclination of the folded page when turning, default: 0

• page - Defines the initial page, default: 1

• pages - Sets the number of pages, default: $('selector').children().length

• when (r3) - Defines the events (see the Event section for more), default: empty object

• width - Defines the width, $('selector').width()