javascript - 如何让这个 slider 自动播放

Question

我怎样才能让这个java脚本代码自动播放 slider 以及如何添加鼠标悬停暂停功能

$(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

Owl Carousel 有您正在寻找的两个选项，自动播放和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