Turn.js - Make a flip book with HTML5

Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5.

Features

• ✓   Works on iPad and iPhone.
• ✓   Simple, beautiful and powerful API.
• ✓   Allows to load pages dynamically through Ajax requests.
• ✓   Pure HTML5/CSS3 content.
• ✓   Two transition effects.
• ✓   Works in old browsers such as IE 8 with turn.html4.js

Requirements

jQuery 1.3 or above.

Browser Support

Safari 5Chrome 16Firefox 10IE 10, 9, 8

Devices

• ✓   All iOS (iPad, iPhone, iPod)
• ✓   Android (Chrome for Android)

 

 

 

 

 

 

sex shop sex shop sex shop sex shop sex shop seks shop spanish fly psikolog sohbet numara sohbet hatti

Source: turnjs.com

1. INCLUDE JS FILES

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/turn.min.js"></script>

2. HTML

<div id="flipbook">
	<div class="hard"> Turn.js </div>
	<div class="hard"></div>
	<div> Page 1 </div>
	<div> Page 2 </div>
	<div> Page 3 </div>
	<div> Page 4 </div>
	<div class="hard"></div>
	<div class="hard"></div>
</div>

3. JAVASCRIPT

$("#flipbook").turn({
		width: 400,
		height: 300,
		autoCenter: true
});

4. API Documentation

The turn.js API was conveniently built as an UI plugin for jQuery, it provides access to a set of features and allows you to define the user interaction. 
The complete documentation is available here, it's also available in PDF format.

 

sex shop sex shop sex shop sex shop sex shop seks shop spanish fly psikolog sohbet numara sohbet hatti