presentation/single.html at master · vidok/presentation · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<head>
<script src='js/jquery-2.1.1.min.js' type='text/javascript'></script>
<script src='js/presentation.js' type='text/javascript'></script>
<link href='css/main.css' rel='stylesheet' media='all'>
<title>Title of the document</title>
</head>

<body>

<div class='absolute-center'>
  <div class='center-container'>

  <div class='main-container' id='presentation'>

  </div>
    <div class='navigation'>
      <a href='#' id='next' onclick='presentation.next()'>next</a>
      <a href='#' id='prev' onclick='presentation.prev()'>prev</a>
      <span id='navigation-info'></span>
    </div>
  </div>
</div>
<script type='text/javascript'>
  var slides = [
    {src: 'presentations/1/1.jpg'},
    {src: 'presentations/1/2.jpg'},
    {src: 'presentations/1/3.jpg'}
  ]
  var presentation = new Presentation({slides: slides});
  presentation.draw();
</script>
</body>

</html>