chore: simplify element playground

nolimits4web · Feb 27, 2023 · 086702e · 086702e
1 parent fb63358
commit 086702e
Showing 1 changed file with 12 additions and 24 deletions.
diff --git a/playground/element/index.html b/playground/element/index.html
@@ -8,29 +8,17 @@
 </head>
 
 <body>
-  <swiper-container class="gallery-top" thumbs-swiper=".gallery-thumbs">
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-1.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-2.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-3.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-4.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-5.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-6.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-7.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-8.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-9.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-10.jpg)"></swiper-slide>
-  </swiper-container>
-  <swiper-container class="gallery-thumbs" slides-per-view="3">
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-1.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-2.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-3.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-4.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-5.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-6.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-7.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-8.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-9.jpg)"></swiper-slide>
-    <swiper-slide style="background-image:url(https://swiperjs.com/demos/images/nature-10.jpg)"></swiper-slide>
+  <swiper-container>
+    <swiper-slide>Slide 1</swiper-slide>
+    <swiper-slide>Slide 2</swiper-slide>
+    <swiper-slide>Slide 3</swiper-slide>
+    <swiper-slide>Slide 4</swiper-slide>
+    <swiper-slide>Slide 5</swiper-slide>
+    <swiper-slide>Slide 6</swiper-slide>
+    <swiper-slide>Slide 7</swiper-slide>
+    <swiper-slide>Slide 8</swiper-slide>
+    <swiper-slide>Slide 9</swiper-slide>
+    <swiper-slide>Slide 10</swiper-slide>
   </swiper-container>
   <style>
     body,
@@ -62,4 +50,4 @@
   </script>
 </body>
 
-</html>
+</html>