thedom/index.html at master · ApplePy39/thedom · 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
37
38
39
40
41
42
43
44
45
46
47
<!doctype>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>DOM Options</title>
        <link href="style.css" rel="stylesheet">
        </head>
        <body>
            <div>
                <h1>Image Gallery</h1>
                <ul>
                  <li class="selected"><img title="classProject-1" src="images/classProject-thumbnail-1.jpg" alt="thumbnual 1"></li>
                  <li><img title="classProject-2" src="images/classProject-thumbnail-2.jpg" alt="thumbnual 1"></li>
                  <li><img title="classProject-3" src="images/classProject-thumbnail-3.jpg" alt="thumbnual 1"></li>
                  <li><img title="classProject-4" src="images/classProject-thumbnail-4.jpg" alt="thumbnual 1"></li>
                  <li><img title="classProject-5" src="images/classProject-thumbnail-5.jpg" alt="thumbnual 1"></li>
                </ul>
                <figure id="classProject-1" class="show">
                  <img src="images/classProject-1.jpg" alt="class project">
                  <figcaption>Class Project 1</figcaption>
                </figure>
                <figure id="classProject-2" class="hide">
                  <img src="images/classProject-2.jpg" alt="class project">
                  <figcaption>Class Project 2</figcaption>
                </figure>
                <figure id="classProject-3" class="hide">
                  <img src="images/classProject-3.jpg" alt="class project">
                  <figcaption>Class Project 3</figcaption>
                </figure>
                <figure id="classProject-4" class="hide">
                  <img src="images/classProject-4.jpg" alt="class project">
                  <figcaption>Class Project 4</figcaption>
                </figure>
                <figure id="classProject-5" class="hide">
                  <img src="images/classProject-5.jpg" alt="class project">
                  <figcaption>Class Project 5</figcaption>
                </figure>
                <p>
                  <button id="prev"><</button>
                  <button id="next">></button>
                </p>
            </div>


            <script src="script.js"></script>
        </body>
        </html>