Skip to content

Latest commit

 

History

History
executable file
·
55 lines (37 loc) · 1.05 KB

readme.md

File metadata and controls

executable file
·
55 lines (37 loc) · 1.05 KB

turn.js 3rd release

Make a flip book with HTML5

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.

What's new?

  • New addPage for creating pages dynamically.

  • New display for single and double pages.

  • Gradients for non-webkit browsers.

Usage

CSS code:

#magazine{
	width: 800px;
	height: 400px;
}
#magazine .turn-page{
	background-color:#ccc;
}

HTML code:

<div id='magazine'>
	<div> Page 1 </div>
	<div> Page 2 </div>
	<div> Page 3 </div>
</div>

JavaScript code:

$('#magazine').turn({gradients: true, acceleration: true});

Requeriments

jQuery 1.7 or later

Full documentation


turn.js is licensed under MIT license.

turnjs.com