bulma-carousel
bulma-carousel copied to clipboard
Navigation bullets not updating if changing slidesToScroll
I have a lot of carousel items to go through so I have set my slidesToScroll higher, but even though lesser bullets are used the excess bullets still remain under the carousel
Hi,
can you please give more details about the number of items / value of slidesToScroll option ?
I have the same issue. I have added to my page.
<link href="~bulma-carousel/dist/css/bulma-carousel.min.css" rel="stylesheet">
<script src="~bulma-carousel/dist/js/bulma-carousel.min.js"></script>
The html looks like this:
<div class="carousel">
<div class="item-1"></div>
<div class="item-2"></div>
<div class="item-3"></div>
<div class="item-4"></div>
</div>
I added to my js:
var carousels = bulmaCarousel.attach('.carousel', {
loop: true,
autoplay: true,
autoplaySpeed: 5000,
infinite: true,
});
When I click on arrows to navigate between slide, no problem. But when I click on bullets, sometimes it works, sometimes I get this error.
- bulma-carousel.min.js:1 Uncaught TypeError: Cannot read property 'offsetLeft' of undefined
- at n.value (bulma-carousel.min.js:1)
- at e.value (bulma-carousel.min.js:1)
- at o.value (bulma-carousel.min.js:1)
- at o.value (bulma-carousel.min.js:1)
- at bulma-carousel.min.js:1
Thanks for details. I'll have a look on this issue.