Skip to content

The page flip effect for HTML5 (FLOSS Software, fork it to be able to work without any restriction)

Notifications You must be signed in to change notification settings

marvindanig/turn.js

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

The page flip effect for HTML5 (FLOSS Software, fork it to be able to work without any restriction)

Resources

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published

Languages

  • JavaScript 88.1%
  • HTML 11.9%