时间戳

首页 > 解决方案 > 如何让这个幻灯片自动播放

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

问题描述

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

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

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

标签： javascriptblogger

解决方案

你应该能够做到这一点

$(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就是您必须设置它的原因。你可以在这里阅读更多关于它的信息

推荐阅读