Jquery Flipbook Direct

Check the live demo: turn.js demos GitHub repo: blasten/turn.js

$('#next').click(function() $('#flipbook').turn('next'); ); $('#prev').click(function() $('#flipbook').turn('previous'); ); jquery flipbook

<div id="flipbook"> <div class="page">Page 1 content</div> <div class="page">Page 2 content</div> <div class="page">Page 3 content</div> <div class="page">Page 4 content</div> </div> #flipbook width: 800px; height: 600px; margin: 0 auto; Check the live demo: turn

Convert PDF to images on the server (e.g., ImageMagick) and pass the image array to turn.js. Page 1 content&lt