Как заставить этот слайдер автоматически играть

Question

Как я могу сделать этот код Java-сценария для автоматического воспроизведения слайдера и Как добавить функцию паузы при наведении мыши

$(function() {
  $('.owl-carousel.testimonial-carousel').owlCarousel({
    nav: true,
    navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
    dots: false,
    responsive: {
      0: {
        items: 1,
      },
      750: {
        items: 2,
      }
    }
  });
});

Answer 1

Сова Карусель имеет две опции, которые вы ищете, автозапуск и autoplayHoverPause.

Попробуй это:

$('.owl-carousel.testimonial-carousel').owlCarousel({
    nav: true,
    navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
    dots: false,
    autoplay: true,
    autoplayHoverPause: true,
    loop: true,
    responsive: {
      0: {
        items: 1,
      },
      750: {
        items: 2,
      }
    }
  });

Вы можете найти список всех доступных опций здесь: https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html

Answer 2

Если вы используете этот плагин https://owlcarousel2.github.io/, добавьте autoplay: true свойство для автоигры.

Для паузы при "наведении мыши" добавьте autoplayHoverPause: true имущество:

$(function() {
  $('.owl-carousel.testimonial-carousel').owlCarousel({
    nav: true,
    navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
    dots: false,
    autoplay: true,
    autoplayHoverPause: true,
    responsive: {
      0: {
        items: 1,
      },
      750: {
        items: 2,
      }
    }
  });
});