I'm trying to use the autoplay option from glide.js, but I can't make it work. I really don't know what I am doing wrong here. Can someone help me?
Html:
<div class="col-b" id="clientes">
<h3>Nossos Clientes</h3>
<div class="glide__track" data-glide-el="track">
<ul class="glide__slides">
<li class="glide__slide">0</li>
<li class="glide__slide">1</li>
<li class="glide__slide">2</li>
</ul>
</div>
<div class="glide__arrows" data-glide-el="controls">
<button class="glide__arrow glide__arrow--left" data-glide-dir="<">prev</button>
<button class="glide__arrow glide__arrow--right" data-glide-dir=">">next</button>
</div>
</div>
JavaScript:
const footer ={
type: 'carousel',
perView: 1
}
var input = document.querySelector('#options-autoplay-input')
new Glide('#clientes', footer, {
autoplay: 2000,
hoverpause: false,
}).mount()
input.addEventListener('input', function (event) {
glide.update({
autoplay: (event.target.value != 0) ? event.target.value : true
})
})