Fall-2025-Interactive-Slideshow/Assignment03.html at main · 1yShaN/Fall-2025-Interactive-Slideshow · 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
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <title>Assignment 03</title>
   <link rel="stylesheet" href="Assignment03.css" />
   <script src="Assignment03.js" defer></script>
</head>

<body>
   <header>
      <img src="logo.jpg" alt="centennial college logo" width="258px" height="186px">
   </header>

   <main>
      <h3>Yushan Wang - 301508247 - COMP125</h3>

      <article>
         <h1>Interactive Slideshow</h1>
         <p>To view your slides:</p>
         <ul>
            <li>Click the Right or Left arrow buttons to move forward or backward through the image list.</li>
            <li>Click the Play/Pause button to automatically move forward through the image list.</li>
            <li>Click an image to view it in full screen mode.</li>
         </ul>

         <div id="lightBox"></div>
      </article>

      <section id="favorites">
         <h2>My Favorites</h2>
         <div id="favList"></div>
         <p id="message"></p>
      </section>
   </main>

   <footer>
      <p>&#169;Copyright, Yushan Wang – COMP125 - Fall2025</p>
   </footer>
</body>
</html>