Demo code on how to use Openflipbook

gistfile1.js

$(document).ready(function () {
  $('#flipbook').flipbook(
     ['image_01',
      'image_02', 'image_03',
      'image_04', 'image_05',
      'image_06', 'image_07',
      'image_08', 'image_09',
      'image_10', 'image_11',
      'image_12', 'image_13',
      'image_14', 'image_15',
      'image_16']);
});

gistfile2.htm

<div id="flipbook">No JavaScript? What a pity.</div>

gistfile3.htm

<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css" rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="jgesture-1.0.3.js"></script>
<script type="text/javascript" src="jquery.preload.js"></script>
<script type="text/javascript" src="jquery.flipbook.js"></script>