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

默认情况下，自动播放为false，这就是为什么必须设置它的原因。您可以详细了解here

如何使此幻灯片自动播放

1 个答案: