web-component-carousel/index.html at master · ThibaudD/web-component-carousel · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>My carousel</title>
    <script src="webcomponents-lite.js"></script>
  </head>
  <body>
    <my-carousel delay="800">
      <img class="slide" src="img/circuit.jpg" />
      <img class="slide" src="img/mario.jpg" />
      <img class="slide" src="img/tobogan_house.jpg" />
      <img class="slide" src="img/frog_wood.jpeg" />
      <div class="slide" style="background-color: red;">
        <h3 style="text-align:center;">RED</h3>
      </div>
    </my-carousel>
    <br>
    <br>
    <my-carousel delay="2000">
      <img class="slide" src="img/circuit.jpg" />
      <div class="slide">
        <img src="img/mario.jpg" />
        <h3 style="text-align:center;">Mario</h3>
      </div>
    </my-carousel>
    <script src="my-carousel.js"></script>
  </body>
</html>