diff options
Diffstat (limited to 'lightbox/sample.html')
| -rw-r--r-- | lightbox/sample.html | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/lightbox/sample.html b/lightbox/sample.html new file mode 100644 index 0000000..48964e5 --- /dev/null +++ b/lightbox/sample.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <title>Document</title> +</head> + +<body> + <img src="https://source.unsplash.com/random" height="250" alt="Random image from unsplash" class="lightbox"> + <img src="https://source.unsplash.com/random" height="250" alt="Random image from unsplash" class="lightbox"> + <img src="https://source.unsplash.com/random" height="250" alt="Random image from unsplash" class="lightbox"> + <img src="https://source.unsplash.com/random" height="250" alt="Random image from unsplash" class="lightbox"> + <img src="https://source.unsplash.com/random" height="250" alt="Random image from unsplash" class="lightbox"> + <img src="https://source.unsplash.com/random" height="250" alt="Random image from unsplash" class="lightbox"> + <img src="https://source.unsplash.com/random" height="250" alt="Random image from unsplash" class="lightbox"> + <img src="https://source.unsplash.com/random" height="250" alt="Random image from unsplash" class="lightbox"> + <img src="https://source.unsplash.com/random" height="250" alt="Random image from unsplash" class="lightbox"> + <img src="https://source.unsplash.com/random" height="250" alt="Random image from unsplash" class="lightbox"> + <script src="lightbox.js"></script> + <script> + const lightbox = new Lightbox(".lightbox"); + </script> +</body> + +</html>
\ No newline at end of file |