index.html



<!DOCTYPE html>
<html class="no-js" lang="es">
  <head>
    <title>Encuentros cercanos con la Arquitectura - Temporada 3</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Adolfo Gómez Amador">

  <link href="dflip.css" rel="stylesheet">
  <style>
      body, html {
      height:100%;
      margin:0;
      }
  </style>
  </head>
    <body>
    <div id="flipbookContainer" data-pdf="2223/02col"></div>
    <!-- jQuery 1.9.1 or above -->
    <script src="jquery.min.js" type="text/javascript"></script>
    
    <!-- Flipbook main Js file -->
    <script src="dflip.min.js" type="text/javascript"></script>

    <script>
    jQuery(document).ready(function () {

    //uses source from online(make sure the file has CORS access enabled if used in cross domain)
    var container = $('#flipbookContainer');
    var pdf = 'temporada3m.pdf';

    var options = {duration: 800};    

    var flipBook = $("#flipbookContainer").flipBook(pdf, options);

    });
    var dFlipLocation = './';

    </script>
    </body>
    </html>