如何让这个幻灯片自动播放

Question

我在制作自动播放幻灯片时遇到问题。

$(document).ready(function() {
 var owl = $("#owl-wrapper");
 owl.owlCarousel({
  items: 8,
  itemsDesktop: [1000, 8],
  itemsDesktopSmall: [900, 6],
  itemsTablet: [600, 4],
  itemsMobile: false,
  navigation: false
 });
 $(".next").click(function() {
  owl.trigger('owl.next');
 })
 $(".prev").click(function() {
  owl.trigger('owl.prev');
 })
});

现在即将面临添加自动播放功能

Answer 1

你应该能够做到这一点

$(document).ready(function() {
  var owl = $("#owl-wrapper");
  owl.owlCarousel({
    items: 8,
    itemsDesktop: [1000, 8],
    itemsDesktopSmall: [900, 6],
    itemsTablet: [600, 4],
    itemsMobile: false,
    navigation: false,
    autoplay:true,
    autoplayTimeout:1000, // set this to how long you want spent between slides
  });
  $(".next").click(function() {
    owl.trigger('owl.next');
  })
  $(".prev").click(function() {
    owl.trigger('owl.prev');
  })
});

默认情况下，autoPlay为false ，这就是您必须设置它的原因。 你可以在这里阅读更多相关信息