Skip to content

Instantly share code, notes, and snippets.

@CodeBrauer

CodeBrauer/3dfb.html Secret

Created August 24, 2020 14:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save CodeBrauer/9a7360ddd932f2e3086d54cd5b3761ed to your computer and use it in GitHub Desktop.
Save CodeBrauer/9a7360ddd932f2e3086d54cd5b3761ed to your computer and use it in GitHub Desktop.
Download ZIP
Raw
3dfb.html
<!DOCTYPE html>
<html dir="ltr" mozdisallowselectionprint moznomarginboxes>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="google" content="notranslate">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>xxxxxxxxxx</title>
<link rel="stylesheet" href="/assets/3dflipbook/css/style.css">
<style type="text/css">
body {
margin: 0;
padding: 0;
}
.solid-container {
height: 100vh;
}
</style>
<script>
var XXXXX_PDF_URL = "/assets/uploads/downloads/xxxxxxxx.pdf";
</script>
</head>
<body>
<div class="solid-container">
</div>
<script type="text/javascript" src="/assets/3dflipbook/js/jquery.min.js"></script>
<script src="/assets/3dflipbook/js/html2canvas.min.js"></script>
<script src="/assets/3dflipbook/js/three.min.js"></script>
<script src="/assets/3dflipbook/js/pdf.min.js"></script>
<script src="/assets/3dflipbook/js/3dflipbook.min.js"></script>
<script type="text/javascript">
$('.solid-container').FlipBook({
pdf: XXXXX_PDF_URL,
pages: 272,
template: {
html: '/assets/3dflipbook/templates/default-book-view.html',
styles: [
'/assets/3dflipbook/css/white-book-view.css'
],
links: [
{
rel: 'stylesheet',
href: '/assets/3dflipbook/css/font-awesome.min.css'
}
],
script: '/assets/3dflipbook/js/default-book-view.js'
}
});
// ---------------------------------
// $('.solid-container').FlipBook({
// pdf: XXXXX_PDF_URL
// });
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment