Home Slideshow & ScrollerjQuery beautiful slideshow book transition pages

jQuery beautiful slideshow book transition pages

12 years ago Views

59568

14579

turnjs

turn.js

is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5.

Here's an example:

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

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

$('#magazine').turn();

That's it!