[docs] add example

jwchan1996 · Jun 7, 2020 · a6c90c4 · a6c90c4
1 parent cd04ada
commit a6c90c4
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="zh">
+  <head>
+    <meta charset="utf-8">
+    <title>lightimage.js</title>
+    <style>
+      html, body {
+        padding: 0;
+        margin: 0;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="app">
+      <img src="https://catbox.moe/pictures/qts/1512072270390.png" alt="">
+      <div class="content">
+        <img src="https://files.catbox.moe/jmai6s.png" style="width: 300px;" alt="">
+        <img src="https://files.catbox.moe/uh4owu.jpg" style="width: 300px;" alt="">
+        <img src="https://files.catbox.moe/bdo5nr.jpg" style="height: 300px;" alt="">
+      </div>
+    </div>
+  </body>
+  <script src="lightimage.min.js"></script>
+  <script type="text/javascript">
+    new Lightimage('#app').init({
+      cursor: 'zoom-in'
+    })
+  </script>
+</html>
diff --git a/docs/lightimage.min.js b/docs/lightimage.min.js