Skip to content

Commit ddf6f3c

Browse files
committed
Fixed - multiple carousel on the same page
1 parent 362459e commit ddf6f3c

File tree

6 files changed

+50
-409
lines changed

6 files changed

+50
-409
lines changed

CHANGELOG.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,13 @@
11
# Change Log
22
---
33

4+
## [3.1.2] - 2017-12-03
5+
6+
### Bugfix
7+
1. Wasn't working for multiple carousels on the same page
8+
9+
10+
411
## [3.1.1] - 2017-10-20
512

613
### Bugfix

dist/index.html

Lines changed: 31 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,31 @@
1-
<!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({
2-
elem: 'carousel',
3-
dots: true,
4-
arrows: true,
5-
buttons: true,
6-
autoplay: true,
7-
infinite: true
8-
});</script></body></html>
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Vanilla JavaScript Carousel</title>
6+
<link rel="stylesheet" href="vanilla-js-carousel.css">
7+
</head>
8+
<body>
9+
<section>
10+
<div class="js-Carousel" id="carousel">
11+
<ul>
12+
<li><img src="../docs/images/nature-1.jpg" alt=""></li>
13+
<li><img src="../docs/images/nature-2.jpg" alt=""></li>
14+
<li><img src="../docs/images/nature-3.jpg" alt=""></li>
15+
<li><img src="../docs/images/nature-4.jpg" alt=""></li>
16+
</ul>
17+
</div>
18+
</section>
19+
<script src="vanilla-js-carousel.min.js"></script>
20+
<script>
21+
var carousel = new Carousel({
22+
elem: 'carousel',
23+
dots: true,
24+
arrows: true,
25+
buttons: true,
26+
autoplay: true,
27+
infinite: true
28+
});
29+
</script>
30+
</body>
31+
</html>

0 commit comments

Comments
 (0)