Fixed - multiple carousel on the same page

zoltantothcom · Dec 3, 2017 · ddf6f3c · ddf6f3c
1 parent 362459e
commit ddf6f3c
Show file tree

Hide file tree

Showing 6 changed files with 50 additions and 409 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,13 @@
 # Change Log
 ---
 
+## [3.1.2] - 2017-12-03
+
+### Bugfix
+1. Wasn't working for multiple carousels on the same page
+
+
+
 ## [3.1.1] - 2017-10-20
 
 ### Bugfix

diff --git a/dist/index.html b/dist/index.html
@@ -1,8 +1,31 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>Vanilla JavaScript Carousel</title><link rel="stylesheet" href="vanilla-js-carousel.css"></head><body><section><div class="js-Carousel" id="carousel"><ul><li><img src="../docs/images/nature-1.jpg" alt=""></li><li><img src="../docs/images/nature-2.jpg" alt=""></li><li><img src="../docs/images/nature-3.jpg" alt=""></li><li><img src="../docs/images/nature-4.jpg" alt=""></li></ul></div></section><script src="vanilla-js-carousel.min.js"></script><script>var carousel = new Carousel({
-	elem: 'carousel',
-	dots: true,
-	arrows: true,
-	buttons: true,
-	autoplay: true,
-	infinite: true
-});</script></body></html>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Vanilla JavaScript Carousel</title>
+    <link rel="stylesheet" href="vanilla-js-carousel.css">
+  </head>
+  <body>
+    <section>
+      <div class="js-Carousel" id="carousel">
+        <ul>
+          <li><img src="../docs/images/nature-1.jpg" alt=""></li>
+          <li><img src="../docs/images/nature-2.jpg" alt=""></li>
+          <li><img src="../docs/images/nature-3.jpg" alt=""></li>
+          <li><img src="../docs/images/nature-4.jpg" alt=""></li>
+        </ul>
+      </div>
+    </section>
+    <script src="vanilla-js-carousel.min.js"></script>
+    <script>
+      var carousel = new Carousel({
+      	elem: 'carousel',
+      	dots: true,
+      	arrows: true,
+      	buttons: true,
+      	autoplay: true,
+      	infinite: true
+      });
+    </script>
+  </body>
+</html>