@dearhive/dearflip-jquery-flipbook
Version:
DearFlip - Create realistic 3D FlipBook from PDF using jQuery.
46 lines (35 loc) • 1.36 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>DFlip / examples</title>
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<!-- Flipbook StyleSheet -->
<link href="../dflip/css/dflip.min.css" rel="stylesheet" type="text/css">
<!-- Icons Stylesheet -->
<link href="../dflip/css/themify-icons.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-xs-12">
<h2>You can now create FlipBook with just HTML (Recommended) </h2>
All you need is to include the necessary files.
<pre>
<code class="language-html"><div class="_df_book" source="http://www.yourssite.com/books/dflip manual.pdf"></div></code></pre>
</div>
<div class="col-xs-12" style="padding-bottom:30px">
<!--Normal FLipbook-->
<div class="_df_book" height="500" webgl="true" backgroundcolor="teal"
source="example-assets/books/intro.pdf"
id="df_manual_book">
</div>
</div>
</div>
</div>
<!-- jQuery -->
<script src="../dflip/js/libs/jquery.min.js" type="text/javascript"></script>
<!-- Flipbook main Js file -->
<script src="../dflip/js/dflip.min.js" type="text/javascript"></script>
</body>
</html>