diff options
| author | ivarlovlie <ivar.lovlie@gmail.com> | 2020-06-15 19:13:57 +0200 |
|---|---|---|
| committer | ivarlovlie <ivar.lovlie@gmail.com> | 2020-06-15 19:13:57 +0200 |
| commit | 55483eee0f655ea9e5bdf88165ec1f2a107f39dc (patch) | |
| tree | 5f655c697c17e54f0d2e662b82b242c33676b422 /lightbox/sample.html | |
| download | web-components-55483eee0f655ea9e5bdf88165ec1f2a107f39dc.tar.xz web-components-55483eee0f655ea9e5bdf88165ec1f2a107f39dc.zip | |
Initial commit
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 |