0

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
    })
  })

0 Answers0