CINXE.COM
PDF Basic Example
<html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>PDF Basic Example</title> <link rel="stylesheet" href=""> <!-- Flipbook StyleSheet --> <link href="./css/dflip.css" rel="stylesheet" type="text/css"> <!-- Icons Stylesheet --> <link href="./css/themify-icons.css" rel="stylesheet" type="text/css"> <style> body, html { height: 100%; margin: 0; } </style> </head> <body> <div id="flipbookContainer"></div> <!-- jQuery 1.9.1 or above --> <script src="./js/libs/jquery.min.js" type="text/javascript"></script> <!-- Flipbook main Js file --> <script src="./js/dflip.min.js" type="text/javascript"></script> <script> //dflip assets location is other domain or folder.. once is enough var dFlipLocation = "./"; jQuery(document).ready(function() { //uses source from online(make sure the file has CORS access enabled if used in cross domain) var pdf = 'Postal_Guide_Consumer.pdf'; var options = { height: 500, duration: 800 }; var flipBook = $("#flipbookContainer").flipBook(pdf, options); }); </script> </body> </html>