Andrew's git - simple-slideshow.git/blob

   1<html>
   2
   3  <head>
   4    <link href="slideshow.css" rel="stylesheet" type="text/css" media="all" />
   5  </head>
   6
   7  <body>
   8
   9    <div class="slideshow" onmouseenter="mouseEnter()" onmouseleave="mouseLeave()">
  10
  11      <figure class="slide">
  12        <img src="test-img/1.jpg">
  13        <figcaption><span>This is a long caption yeah yeah yeah</figcaption>
  14      </figure>
  15
  16      <figure class="slide">
  17        <img src="test-img/2.jpg">
  18        <figcaption><span>Shorter caption</figcaption>
  19      </figure>
  20
  21      <figure class="slide">
  22        <img src="test-img/3.jpg">
  23        <figcaption><span>Caption 3</figcaption>
  24      </figure>
  25
  26      <a id="prev" onclick="prevSlide()">&#10094;</a>
  27      <a id="next" onclick="nextSlide()">&#10095;</a>
  28      <a id="state" onclick="changeState()">&#x23f8;&#xFE0E;</a>
  29
  30      <div id="controls">
  31        <span class="dot" onclick="setSlide(0)"></span>
  32        <span class="dot" onclick="setSlide(1)"></span>
  33        <span class="dot" onclick="setSlide(2)"></span>
  34      </div>
  35
  36    </div>
  37
  38    <script src="slideshow.js" type="text/javascript"></script>
  39
  40  </body>
  41</html>