Get the turn.js 4th release on turnjs.com
Added option autoCenter
Added option zoom
Added property animating
Added property zoom
Added method center
Added method destroy
Added method is
Added method zoom
Added event missing
Added event zooming
Added class .even
Added class .fixed
Added class .hard
Added class .odd
Added class .own-size
Added class .sheet
Added the ignore attribute
New turn.html4.js
New scissors.js
Changed the class .turn-page
to .page
Improved the animation frame generator with requestAnimationFrame
Improved the animation speed for hard pages with CSS3 transitions
Redesigned the event sequence to listen to only three events
Fixed issue #79
Fixed issue #91
Fixed issue about the event order turning + turned
Fixed issue about appending pages in wrong locations
Available only on turnjs.com
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.
New addPage
for creating pages dynamically.
New display
for single and double pages.
Gradients for non-webkit browsers.
CSS code:
#magazine{
width: 800px;
height: 400px;
}
#magazine .turn-page{
background-color:#ccc;
}
HTML code:
<div id="magazine">
<div><span class="text">Page 1</span></div>
<div><span class="text">Page 2</span></div>
<div><span class="text">Page 3</span></div>
</div>
JavaScript code:
$('#magazine').turn({gradients: true, acceleration: true});
jQuery 1.7 or later
Released under a non-commercial BSD license